From d942877495ceea1575e64fb6d4e2972f6da10cac Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 11 一月 2023 10:09:24 +0800
Subject: [PATCH] 2023/1/11 肖辉 修改UI样式

---
 src/views/systemSetting/device/loudspeaker/index.vue |   82 ++++++++++++++++++++--------------------
 1 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/src/views/systemSetting/device/loudspeaker/index.vue b/src/views/systemSetting/device/loudspeaker/index.vue
index e0d2d78..4cb5738 100644
--- a/src/views/systemSetting/device/loudspeaker/index.vue
+++ b/src/views/systemSetting/device/loudspeaker/index.vue
@@ -29,11 +29,11 @@
         </div>
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+            border
+            stripe
           ref="multipleTable"
           :header-cell-style="{
-            background: '#06122c',
-            'font-size': '12px',
-            color: '#4b9bb7',
+          'background':'#F5F5F5',
             'font-weight': '650',
             'line-height': '45px',
           }"
@@ -241,15 +241,15 @@
   <style lang="scss" scoped>
 .list {
   text-align: left;
-  margin: 10px 20px;
-  color: #4b9bb7;
-
+  padding: 10px 20px;
+  // color: #4b9bb7;
+  border: 1px solid #ccc;
   header {
     background-color: white;
-    border: 1pox solid #fff;
+    // border: 1pox solid #fff;
 
     .header-content {
-      padding: 0 40px;
+      padding: 0px;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -265,26 +265,26 @@
 
         .el-input {
           flex: 2;
-          color: #1d3f57;
+          // color: #1d3f57;
 
-          &::v-deep .el-input__inner {
-            background-color: #09152f;
-            border: 1px solid #17324c;
-          }
+          // &::v-deep .el-input__inner {
+          //   background-color: #09152f;
+          //   border: 1px solid #17324c;
+          // }
         }
       }
     }
   }
 
   main {
-    background-color: #09152f;
-    margin-top: 20px;
+    // background-color: #09152f;
+    //margin-top: 20px;
     padding-bottom: 50px;
-    border: 1pox solid #fff;
+    //border: 1px solid #fff;
 
     .main-title {
       line-height: 60px;
-      padding: 10px 20px;
+      padding: 0;
     }
 
     .tools {
@@ -300,7 +300,7 @@
           line-height: 28px;
           display: flex;
           align-items: center;
-          border: 1px solid #17324c;
+          // border: 1px solid #17324c;
           border-radius: 4px;
           font-size: 12px;
           margin-left: 10px;
@@ -314,18 +314,18 @@
             width: 120px;
           }
 
-          &::v-deep .el-input__inner {
-            border: none;
-            background-color: #09152f;
-          }
+          // &::v-deep .el-input__inner {
+          //   border: none;
+          //   background-color: #09152f;
+          // }
 
-          &:hover {
-            border: 1px solid #4b9bb7;
-          }
+          // &:hover {
+          //   border: 1px solid #4b9bb7;
+          // }
 
-          &:hover .el-checkbox {
-            color: #4b9bb7;
-          }
+          // &:hover .el-checkbox {
+          //   color: #4b9bb7;
+          // }
         }
       }
 
@@ -336,24 +336,24 @@
         justify-content: center;
 
         .el-pagination {
-          &::v-deep li,
-          &::v-deep .btn-prev,
-          &::v-deep .btn-next {
-            background-color: #071f39;
-            color: #4b9bb7;
-          }
+          // &::v-deep li,
+          // &::v-deep .btn-prev,
+          // &::v-deep .btn-next {
+          //   background-color: #071f39;
+          //   color: #4b9bb7;
+          // }
 
-          &::v-deep .active {
-            background-color: #409eff;
-            color: #fff;
-          }
+          // &::v-deep .active {
+          //   background-color: #409eff;
+          //   color: #fff;
+          // }
         }
       }
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       .operation {
         display: flex;
@@ -369,4 +369,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0