项目重构

gaoluyang

5 天以前 dbb01dabdc106e353aaefee80ccbdf9fb6669173

 src/layout/components/TagsView/index.vue

@@ -375,7 +375,7 @@
  $btn-color: #71717a;
  $btn-hover-bg: #f2f7f6;
  $btn-hover-color: #1f2d2b;
  $btn-disabled-color: #c0c4cc;
  $btn-disabled-color: var(--el-text-color-placeholder);
  $divider: 1px solid var(--tags-item-border, #d8dce5);

  .tags-nav-btn {
@@ -494,9 +494,9 @@
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--tags-item-text, #333);
    color: var(--tags-item-text, var(--lims-text));
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
    border: 1px solid var(--el-border-color-light, #e4e7ed);
    border: 1px solid var(--el-border-color-light, var(--el-border-color));

    li {
      margin: 0;
@@ -504,16 +504,16 @@
      cursor: pointer;

      &:hover {
        background: var(--tags-item-hover, #eee);
        background: var(--tags-item-hover, var(--lims-divider));
      }
    }
  }

  &.tags-view-container--chrome {
    --chrome-strip-bg: #ffffff;
    --chrome-strip-border: var(--el-border-color-lighter, #e4e7ed);
    --chrome-strip-border: var(--el-border-color-lighter, var(--el-border-color));
    --chrome-tab-active-bg: var(--el-color-primary-light-9);
    --chrome-tab-text: var(--el-text-color-regular, #606266);
    --chrome-tab-text: var(--el-text-color-regular, var(--lims-text-2));
    --chrome-tab-text-active: var(--el-color-primary);
    --chrome-wing-r: 10px;

@@ -591,14 +591,14 @@
        }

        &:not(.active) + .tags-view-item:not(.active) {
          border-left: 1px solid var(--el-border-color-lighter, #e4e7ed);
          border-left: 1px solid var(--el-border-color-lighter, var(--el-border-color));
          padding-left: 11px;
        }

        &:hover:not(.active) {
          background: var(--el-fill-color-light, #f5f7fa) !important;
          border-radius: 6px 6px 0 0;
          color: var(--el-text-color-primary, #303133);
          color: var(--el-text-color-primary, var(--lims-text));
        }

        &.active {