样式

liuyg

2021-07-16 f5641fd76ef90a66599e8ce121f3acfd97d779e8

 src/styles/theme/bule.scss

@@ -1,5 +1,4 @@
.theme-bule {

  .avue-header,
  .avue-logo {
    background: #004ca7;
@@ -37,16 +36,13 @@
  }

  .avue-top {

    .el-menu-item {

      i,
      span {
        color: #fff;
      }

      &:hover {

        i,
        span {
          color: #fff;
@@ -56,30 +52,28 @@
  }
}



.theme-deep-bule {
  background: #19305C;
  background: #19305c;

  .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item {
  .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item {
    color: #fff;
  }

  .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    color: #409EFF;
  .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    color: #409eff;
  }

  .avue-contail {
    background: #19305C;
    background: #19305c;
  }

  .avue-header,
  .avue-logo {
    background: #19305C;
    background: #19305c;
  }

  .avue-sidebar {
    background: #19305C;
    background: #19305c;

    .el-menu-item.is-active,
    .el-submenu__title.is-active {
@@ -110,16 +104,13 @@
  }

  .avue-top {

    .el-menu-item {

      i,
      span {
        color: #fff;
      }

      &:hover {

        i,
        span {
          color: #fff;
@@ -129,18 +120,17 @@
  }

  .el-select-dropdown {
    background: #0146F0;
    background: #0146f0;
    color: #8ab6ff;
    border: 1px solid #0140D8;
    border: 1px solid #0140d8;
  }


  .el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #0146F0;
  .el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-bottom-color: #0146f0;
  }

  .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #0146F0;
  .el-popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: #0146f0;
  }

  .el-select-dropdown__item {
@@ -149,14 +139,14 @@

  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background-color: #155CF7;
    background-color: #155cf7;
  }

  .el-button:focus,
  .el-button:hover {
    color: #F0F0F0;
    border-color: #83C1FF;
    background-color: #83C1FF;
    color: #f0f0f0;
    border-color: #83c1ff;
    background-color: #83c1ff;
  }

  .avue-crud__right {
@@ -164,20 +154,19 @@
  }

  .el-button--default {
    background-color: #409EFF;
    border-color: #409EFF;
    color: #FFF9FF;
    background-color: #409eff;
    border-color: #409eff;
    color: #fff9ff;
  }

  .el-card {
    height: 100%;
    background: #19305C;
    background: #19305c;
    color: #fff;

    .el-table,
    .el-table__expanded-cell {
      background-color: #19305C;

      background-color: #19305c;
    }

    .el-table--border::after,
@@ -191,23 +180,22 @@
      background-color: #1a325f;
    }


    .el-loading-mask {
      background-color: #1a325fe1;
    }

    .el-table th {
      background-color: #155CF7;
      background-color: #155cf7;
      color: #fff;
    }

    //表格 行颜色
    .el-table td {
      background: #0142D6;
      background: #004ca7;
      color: #fff;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #044BE3;
      background: #044be3;
    }

    .el-button--text {
@@ -215,8 +203,7 @@
    }

    .el-collapse-item__wrap {
      background-color: #19305C;

      background-color: #19305c;
    }

    .el-collapse {
@@ -225,11 +212,10 @@
    }

    .avue-crud__menu {
      background-color: #19305C;
      background-color: #19305c;
    }

    .el-form-item__label {

      color: #fff;
    }

@@ -252,7 +238,7 @@

    .el-table--border td,
    .el-table--border th,
    .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
      border-color: #53a7fa;
    }

@@ -262,12 +248,12 @@
    }

    .el-input__inner {
      background: #0146F0;
      background: #0146f0;
      color: #8ab6ff;
    }

    .el-tooltip input {
      background: #0146F0;
      background: #0146f0;
      color: #8ab6ff;
    }

@@ -277,48 +263,46 @@

    .el-date-editor,
    .el-input input {
      border-color: #0140D8;
      border-color: #0140d8;
    }

    .avue-group .el-collapse,
    .avue-group .el-collapse-item__wrap {
      border-color: #19305C;
      border-color: #19305c;
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
      margin: 0 5px;
      background-color: #409EFF;
      background-color: #409eff;
      color: #fff;
      min-width: 30px;
      border-radius: 2px;
    }

    .el-tag {
      background-color: #409EFF;
      background-color: #409eff;
      color: #fff;
      border-color: #53a7fa;
    }

  }

  #avue-view {
    &>.el-row {

      &>.el-col:first-child {
    & > .el-row {
      & > .el-col:first-child {
        padding-right: 2px;
      }

      &>.el-col:last-child {
      & > .el-col:last-child {
        padding-left: 2px;
      }

      &>.el-col {
      & > .el-col {
        height: 100%;
        margin-bottom: 0px;

        &>.basic-container {
        & > .basic-container {
          padding: 0;
          height: 100%;
        }