样式修改

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

@@ -16,7 +16,7 @@
         <div class="innerContainerVector leftPaneVector">
 
             <h2 class="PangetitleVector">
-                <span class="pange_textVector">智选址111</span>
+                <span class="pange_textVector">智选址</span>
                 <i class="el-icon-close" @click="close"></i>
             </h2>
 
@@ -25,14 +25,13 @@
                 :popper-append-to-body="false"></el-autocomplete>
 
 
-            <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 :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>
@@ -117,6 +116,34 @@ export default {
                 city: '普陀区',
                 address: '上海市普陀区金沙江路 1518 弄',
                 zip: 200333
+            },{
+                date: '2016-05-03',
+                name: '王小虎',
+                province: '上海',
+                city: '普陀区',
+                address: '上海市普陀区金沙江路 1518 弄',
+                zip: 200333
+            }, {
+                date: '2016-05-02',
+                name: '王小虎',
+                province: '上海',
+                city: '普陀区',
+                address: '上海市普陀区金沙江路 1518 弄',
+                zip: 200333
+            },{
+                date: '2016-05-03',
+                name: '王小虎',
+                province: '上海',
+                city: '普陀区',
+                address: '上海市普陀区金沙江路 1518 弄',
+                zip: 200333
+            }, {
+                date: '2016-05-02',
+                name: '王小虎',
+                province: '上海',
+                city: '普陀区',
+                address: '上海市普陀区金沙江路 1518 弄',
+                zip: 200333
             }]
         };
     },
@@ -215,6 +242,7 @@ export default {
     z-index: 99;
     background-image: url("/static/images/ghzc/内容框.png");
     background-size: 100% 100%;
+    border-top-right-radius: 15px;
 
     .search {
         margin: 2rem;
@@ -228,7 +256,7 @@ export default {
     /deep/ .el-input__inner {
         // background: transparent !important;
         color: white !important;
-        background: rgba(100, 218, 255, 0.1);
+        background: rgba(10, 25, 38, 0.5);
         border-color: #5ecef09a;
         // color: #64daff;
         // font-size: 12px;
@@ -241,16 +269,15 @@ export default {
     .PangetitleVector {
         box-sizing: border-box;
         width: 100%;
-        height: 42px;
+        height: 35px;
         background: url("/static/images/overview/titlebox.gif") no-repeat !important;
         background-size: 100% 100% !important;
-        line-height: 43px;
+        line-height: 35px;
         font-size: 14px;
         padding-left: 15px;
         display: flex;
         position: relative;
         overflow: hidden;
-        border-top-right-radius: 16px;
 
         .el-icon-close {
             width: 22px;
@@ -260,14 +287,14 @@ export default {
             line-height: 23px;
             padding: 0 5px;
             border-radius: 4px;
-            /* right: 0 !important; */
-            top: 8px !important;
+            top: 5px !important;
             position: relative;
-            right: -16.5rem;
+            right: -14.5rem;
         }
     }
 
     .pange_textVector {
+        font-size: 14px !important;
         font-family: 'HarmonyOS Sans, HarmonyOS Sans';
         font-weight: bold;
         font-size: 18px;
@@ -283,8 +310,8 @@ export default {
 }
 
 /deep/.el-input__inner {
-    border: 1px solid #1fb1ef;
-    background: rgba(0, 80, 111, 0.8);
+    border: 1px solid rgba(10, 25, 38, 0.5);
+    background: rgba(10, 25, 38, 0.5);
     border-radius: 18px;
     height: 30px;
     color: white;
@@ -312,7 +339,7 @@ export default {
     margin-top: 8px;
     border-radius: 6px;
     border: 1px solid #198ec0;
-    background: rgba(0, 80, 111, 0.6);
+    background: rgba(10, 25, 38, 0.9);
     color: rgba(25, 142, 192, 1);
 
     .popper__arrow {
@@ -357,5 +384,20 @@ export default {
     background: rgba(10, 25, 38, 0.5) !important;
 }
 
+/deep/ .el-table__fixed-right::before,
+.el-table__fixed::before {
+
+    background: rgba(10, 25, 38, 0.9) !important;
+
+}
+
+/deep/ .el-table__fixed-right-patch {
+    background: rgba(10, 25, 38, 0.9) !important;
+
+}
+
+/deep/ .el-table--border::after, .el-table--group::after, .el-table::before {
+    background: rgba(10, 25, 38, 0) !important;
+}
 </style>