no message

src/components/PeopleRecord.vue

@@ -52,6 +52,7 @@
             element-loading-text="加载中"
             element-loading-spinner="el-icon-loading"
             element-loading-background="rgba(0, 0, 0, 0.8)"
+            stripe
             :data="tableData"
             style="width: 100%"
             height="467"
@@ -443,6 +444,8 @@ export default {
   background-image: url(../assets/backImg.png);
   background-size: 100% 100%;
   background-color: #24578c;
+  // opacity: 0.5;
+  // background-color: rgba($color: #24578c, $alpha: 0.1);
   .head {
     display: flex;
     width: 1161px;
@@ -519,6 +522,7 @@ export default {
       .watch-form {
         width: 756px;
         height: 467px;
+        border-bottom: none;
       }
     }
   }
@@ -597,6 +601,24 @@ export default {
     background-color: #24578c;
   }
 
+  // 清除表格默认下边框
+  ::v-deep .el-table__cell,
+  ::v-deep .el-table th.el-table__cell.is-leaf {
+    border-bottom: none;
+  }
+  ::v-deep .el-table::before {
+    width: 0;
+  }
+
+  // 斑马线隔行换色设置颜色
+  ::v-deep
+    .el-table--striped
+    .el-table__body
+    tr.el-table__row--striped.el-table__row--striped.el-table__row--striped
+    td {
+    background-color: rgba($color: #58beff, $alpha: 0.3);
+  }
+
   ::v-deep .el-dialog__header,
   ::v-deep .el-dialog__body {
     padding: 0;
@@ -609,14 +631,23 @@ export default {
     background-color: transparent;
   }
 
-  ::v-deep .el-table tbody tr:hover > td {
-    background-color: skyblue;
-  }
-
   ::v-deep .el-table__header-wrapper {
     background-color: transparent;
     background-color: #25608f;
   }
+
+  // 鼠标悬停时背景颜色设置
+  ::v-deep .el-table tbody tr:hover > td {
+    background-color: #24578c;
+  }
+
+  // 输入框 筛选框 圆角设置
+  ::v-deep .el-input__inner {
+    border-radius: 20px;
+    color: #fff;
+    background-color: rgba($color: #fff, $alpha: 0.3);
+  }
+
   // 滚动条隐藏
   ::-webkit-scrollbar {
     height: 0;