黔西南大屏

components/layout/AiDvTable/AiDvTable.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="aiDvTable" :class="'aiDvTable-' + theme">
-    <div class="header">
+    <div class="header" :style="headerStyle">
       <span
         v-for="(item, index) in header"
         :key="index"
@@ -20,6 +20,7 @@
           :style="{
             color: config[i].color,
             textAlign: config[i].align,
+            fontSize: config[i].fontSize,
             width: config[i].width ? config[i].width + 'px' : '',
             flex: config[i].width ? 'inherit' : 1
           }">
@@ -41,6 +42,11 @@
         default: () => []
       },
 
+      headerStyle: {
+        type: Object,
+        default: () => {}
+      },
+
       isShowIndex: {
         type: String,
         default: '0'
@@ -65,8 +71,7 @@
     data () {
       return {
         header: [],
-        body: [],
-        colorIndex: ''
+        body: []
       }
     },
 
@@ -144,14 +149,14 @@
       align-items: center;
       width: 100%;
       height: 40px;
+      font-size: 16px;
       padding: 0 16px;
+      color: rgba(255, 255, 255, 0.7);
       background: rgba(70, 70, 70, 0.35);
 
       span {
         flex: 1;
-        font-size: 16px;
         text-align: center;
-        color: rgba(255, 255, 255, 0.7);
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;