主题色

src/style/cus.scss

@@ -187,3 +187,23 @@
     }
   }
 }
+
+.el-pagination {
+  .el-pager {
+    .is-active, >li:hover {
+      color: var(--cus-main-color);
+    }
+  }
+  .btn-prev, .btn-next {
+    &:hover {
+      color: var(--cus-main-color);
+    }
+  }
+}
+.el-input__wrapper.is-focus,
+.el-select__wrapper.is-focused {
+  box-shadow: 0 0 0 1px var(--cus-main-color) inset !important;
+}
+.el-select-dropdown__item.is-selected {
+  color: var(--cus-main-color) !important;
+}

src/views/web/list/index.vue

@@ -332,7 +332,7 @@ const onSearch = () => {
     model: 'list',
     pageNum: 1,
     pageSize: 10,
-    total: 0,
+    total: 100,
     data: [
       {name: '胡杰<span style="color: red;">顶顶顶</span>顶顶', sex: '男', a: 1, b: 2, c: 3, d: 4, avatar: 'https://element-plus.org/images/element-plus-logo.svg'},
       {name: '胡杰<span style="color: red;">顶顶顶</span>顶顶', sex: '男', a: 1, b: 2, c: 3, d: 4, avatar: 'https://element-plus.org/images/element-plus-logo.svg'},
@@ -489,7 +489,7 @@ onMounted(() => {
                 })
                 for (let tagI = 0; tagI < state.resultParams.tree.length; tagI++) {
                   const tag = state.resultParams.tree[tagI]
-                  if (tag.__count > 0) {
+                  if (tag.__count > 0 && !state.resultParams.activeTab) {
                     state.resultParams.activeTab = tag.treeId
                     for (let typeI = 0; typeI < tag.children.length; typeI++) {
                       const type = tag.children[typeI]
@@ -497,7 +497,7 @@ onMounted(() => {
                         type.__expend = true
                         for (let indexI = 0; indexI < type.children.length; indexI++) {
                           const index = type.children[indexI]
-                          if (index.__count > 0) {
+                          if (index.__count > 0 && !state.resultParams.activeIndex) {
                             state.resultParams.activeIndex = index.treeId
                           }
                           break
@@ -777,11 +777,23 @@ onMounted(() => {
               width: 455px;
               display: flex;
               align-items: center;
-              background-image: url("@/assets/images/web/wen-list_table-head-bg-2.png");
-              background-repeat: no-repeat;
-              background-size: 100% 100%;
+              background: linear-gradient( 90deg, rgba(var(--cus-main-color-rgb),0.3) 0%, rgba(var(--cus-main-color-rgb),0.2) 100%);
               font-weight: 400;
               font-size: 12px;
+              position: relative;
+              &:before {
+                content: '';
+                background-image: url("@/assets/images/web/wen-list_table-head-bg-2.png");
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                z-index: 1;
+              }
+              >* {
+                z-index: 2;
+              }
               >img {
                 margin-left: 24px;
                 height: 100%;
@@ -806,10 +818,21 @@ onMounted(() => {
             .info {
               flex: 1;
               height: 70px;
-              background-image: url("@/assets/images/web/wen-list_table-head-bg-1.png");
-              background-repeat: no-repeat;
-              background-size: 100% 100%;
+              background: linear-gradient( 90deg, rgba(var(--cus-main-color-rgb),0.3) 0%, rgba(var(--cus-main-color-rgb),0.2) 100%);
               position: relative;
+              &:before {
+                content: '';
+                background-image: url("@/assets/images/web/wen-list_table-head-bg-1.png");
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                z-index: 1;
+              }
+              >* {
+                z-index: 2;
+              }
               >img {
                 position: absolute;
                 bottom: 0;
@@ -818,6 +841,7 @@ onMounted(() => {
               >div {
                 margin-left: 144px;
                 margin-top: 14px;
+                position: inherit;
                 >div:nth-child(1) {
                   font-weight: 400;
                   font-size: 14px;