样式及部分文件更改

shuishen

2021-07-15 44d43dbe44639f6c14222e1c90a8225db16c56e3

 src/styles/theme/bule.scss

@@ -1,25 +1,32 @@
.theme-bule{
.theme-bule {

  .avue-header,.avue-logo{
  .avue-header,
  .avue-logo {
    background: #004ca7;
  }
  .avue-sidebar{

  .avue-sidebar {
    background: #004ca7;
    .el-menu-item.is-active, .el-submenu__title.is-active {
        background-color: rgba(0, 0, 0, 0.2);

    .el-menu-item.is-active,
    .el-submenu__title.is-active {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .el-dropdown{

  .el-dropdown {
    color: #fff;
  }
  .avue-logo{
    .avue-logo_title{
      color:#fff;

  .avue-logo {
    .avue-logo_title {
      color: #fff;
    }
  }
  .avue-breadcrumb{
    i{
      color:#fff;

  .avue-breadcrumb {
    i {
      color: #fff;
    }
  }

@@ -28,18 +35,22 @@
      color: #fff;
    }
  }
  .avue-top{

  .avue-top {

    .el-menu-item {

      i,
      span {
        color: #fff;
      }

      &:hover {

        i,
        span {
          color: #fff;
        }
      &:hover {
          i,
          span {
            color: #fff;
          }
      }
    }
  }
@@ -47,28 +58,48 @@



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

  .avue-header,.avue-logo{
    background: #19305C;
  }
  .avue-sidebar{
    background: #19305C;
    .el-menu-item.is-active, .el-submenu__title.is-active {
        background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .el-dropdown{
  .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item {
    color: #fff;
  }
  .avue-logo{
    .avue-logo_title{
      color:#fff;

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

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

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

  .avue-sidebar {
    background: #19305C;

    .el-menu-item.is-active,
    .el-submenu__title.is-active {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .avue-breadcrumb{
    i{
      color:#fff;

  .el-dropdown {
    color: #fff;
  }

  .avue-logo {
    .avue-logo_title {
      color: #fff;
    }
  }

  .avue-breadcrumb {
    i {
      color: #fff;
    }
  }

@@ -77,18 +108,220 @@
      color: #fff;
    }
  }
  .avue-top{

  .avue-top {

    .el-menu-item {

      i,
      span {
        color: #fff;
      }

      &:hover {

        i,
        span {
          color: #fff;
        }
      &:hover {
          i,
          span {
            color: #fff;
          }
      }
    }
  }

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


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

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

  .el-select-dropdown__item {
    color: #8ab6ff;
  }

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

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

  .avue-crud__right {
    display: none !important;
  }

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

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

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

    }

    .el-table--border::after,
    .el-table--group::after,
    .el-table::before {
      background-color: #1a325f;
    }

    .el-table__fixed-right::before,
    .el-table__fixed::before {
      background-color: #1a325f;
    }


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

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

    .el-table td {
      background: #0142D6;
      color: #fff;
    }

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

    .el-button--text {
      color: #fff;
    }

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

    }

    .el-collapse {
      border-top: 1px solid #1a325f;
      border-bottom: 1px solid #1a325f;
    }

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

    .el-form-item__label {

      color: #fff;
    }

    .el-pagination__total {
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .avue-empty__desc {
      color: #fff;
    }

    .el-table--border,
    .el-table--group {
      border: 1px solid#53a7fa;
    }

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

    .el-table td,
    .el-table th.is-leaf {
      border-color: #53a7fa;
    }

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

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

    .el-range-separator {
      color: #8ab6ff;
    }

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

    .avue-group .el-collapse,
    .avue-group .el-collapse-item__wrap {
      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;
      color: #fff;
      min-width: 30px;
      border-radius: 2px;
    }

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

  }

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

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

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

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

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