党建主题适配

components/layout/AiDvTable/AiDvTable.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="aiDvTable">
+  <div class="aiDvTable" :class="'aiDvTable-' + theme">
     <div class="header">
       <span
         v-for="(item, index) in header"
@@ -49,6 +49,11 @@
       stripe: {
         type: String,
         default: '1'
+      },
+
+      theme: {
+        type: String,
+        default: '0'
       }
     },
 
@@ -114,6 +119,26 @@
   .aiDvTable {
     height: 100%;
     overflow: hidden;
+
+    ::-webkit-scrollbar {
+      width: 5px;
+      height: 14px;
+    }
+
+    ::-webkit-scrollbar-corner {
+      background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+      min-height: 20px;
+      background-clip: content-box;
+      box-shadow: 0 0 0 5px rgba(116, 148, 170, 0.5) inset;
+    }
+
+    ::-webkit-scrollbar-track {
+      box-shadow: 1px 1px 5px rgba(116, 148, 170, 0.5) inset;
+    }
+
     .header {
       display: flex;
       align-items: center;
@@ -196,5 +221,39 @@
         }
       }
     }
+
+    &.aiDvTable-1 {
+      ::-webkit-scrollbar {
+        width: 5px;
+        height: 14px;
+      }
+
+      ::-webkit-scrollbar-corner {
+        background: transparent;
+      }
+
+      ::-webkit-scrollbar-thumb {
+        min-height: 20px;
+        background-clip: content-box;
+        box-shadow: 0 0 0 5px rgba(250, 181, 108, 0.5) inset;
+      }
+
+      ::-webkit-scrollbar-track {
+        box-shadow: 1px 1px 5px rgba(50, 181, 108, 0.5) inset;
+      }
+      .header {
+        background: #6e2d2a;
+      }
+
+      .body {
+        div {
+          i {
+            color: #FFA086;
+            background: url(./asset/rankbg-dj.png) no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+      }
+    }
   }
 </style>