表格样式

src/views/cockpit/common/VectorSpace/BoxCommonVector.vue

@@ -25,9 +25,16 @@
                 :popper-append-to-body="false"></el-autocomplete>
 
 
-            <el-table :data="tableData" style="width: 90%" height="500">
-
-                <el-table-column fixed prop="date" label="日期" width="150">
+            <el-table :data="tableData"
+                style="width: 100%" height="440" :header-cell-style="{
+                    background: 'rgba(10, 25, 38, 0.6)',
+                    color: '#fff',
+                    fontSize: '14px',
+                    fontFamily: 'Microsoft YaHei',
+                    fontWeight: '400',
+                }">
+
+                <el-table-column prop="date" label="日期" width="150">
                 </el-table-column>
                 <el-table-column prop="name" label="姓名" width="120">
                 </el-table-column>
@@ -114,6 +121,8 @@ export default {
         };
     },
     methods: {
+
+
         close() {
 
             store.setViewerFlagb(true);
@@ -187,6 +196,8 @@ export default {
 };
 </script>
   
+
+
 <style lang="scss" scoped>
 .BoxCommonVector {
     width: 100%;
@@ -197,8 +208,8 @@ export default {
 }
 
 .innerContainerVector {
-    width: 430px;
-    height: 800px; //calc(100% - 20px);
+    width: 350px;
+    height: 600px; //calc(100% - 20px);
     position: absolute;
     top: 28px;
     z-index: 99;
@@ -211,7 +222,7 @@ export default {
 
     /deep/ .el-input {
         display: inline-block;
-        width: 174%;
+        width: 130%;
     }
 
     /deep/ .el-input__inner {
@@ -326,5 +337,25 @@ export default {
     background-color: rgba(8, 162, 223, 0.8);
     border-radius: 6px;
 }
+
+
+
+/deep/ .el-table tr {
+    background: rgba(10, 25, 38, 0.5) !important;
+}
+
+/deep/ .el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+    background: rgba(10, 25, 38, 0.5) !important;
+
+    border-bottom: 0px solid #EBEEF5;
+}
+
+
+.el-table {
+    color: #fff;
+    background: rgba(10, 25, 38, 0.5) !important;
+}
+
 </style>