button按钮

src/renderer/components/ManageUser.vue

@@ -175,17 +175,7 @@ export default {
   overflow-y: auto !important;
   background: #ffffff;
 }
-.xl_d_button,
-.xl_d_button:hover,
-.xl_d_button:focus {
-  background: rgb(87, 172, 187);
-  opacity: 1;
-  /* border-radius: 18px; */
-  /* font-size: 14px; */
-  font-family: PingFang SC;
-  font-weight: 400;
-  color: #ffffff;
-}
+
 .userManageClass {
   color: #0f0f0f;
 }

src/utils/public.css

@@ -1,14 +1,14 @@
 .el-table {
     border-radius: 16px 16px 0px 0px;
     border: none;
-    background:transparent;
-  }
-  
-  .el-table .el-table__cell {
+    background: transparent;
+}
+
+.el-table .el-table__cell {
     padding: 6px;
-  }
-  
-  .tag {
+}
+
+.tag {
     display: inline-block;
     background: #ffffff;
     border-radius: 40px 40px 40px 40px;
@@ -20,43 +20,72 @@
     color: #0fb577;
     padding: 2px 8px;
     margin: 0 5px;
-  }
-  
-  .el-table .warning-row {
+}
+
+.el-table .warning-row {
     background: #f5f5f5;
-  }
-  
-  .el-table .success-row {
+}
+
+.el-table .success-row {
     background: #ffffff;
-  }
-  
-  .el-table--enable-row-hover
-    /deep/
-    .el-table__body
-    tr:hover
-    > td.el-table__cell {
+}
+
+.el-table--enable-row-hover /deep/ .el-table__body tr:hover>td.el-table__cell {
     background: rgba(223, 246, 237, 1) !important;
-  }
-  
-  ::v-deep .el-pager li.active,
-  ::v-deep .el-pager li:hover {
+}
+
+::v-deep .el-pager li.active,
+::v-deep .el-pager li:hover {
     background: #f0f0f0;
     color: #262626;
-  }
-  .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+}
+
+.el-table--border .el-table__cell,
+.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
     border-right: 0px solid #EBEEF5;
 }
-  
-  ::v-deep .el-pager li {
+
+::v-deep .el-pager li {
     background: none;
     color: #8c8c8c;
-  }
-  
-  ::v-deep .el-pagination .btn-next, ::v-deep .el-pagination .btn-prev {
+}
+
+::v-deep .el-pagination .btn-next,
+::v-deep .el-pagination .btn-prev {
     background: none;
-  }
-  .tabHeader{
+}
+
+.tabHeader {
     background: '#66B497';
     color: '#FFFFFF';
     letter-spacing: '4px';
-  }
+}
+
+.xl_d_button,
+
+.xl_d_button:focus {
+    background: rgb(255, 255, 255);
+    opacity: 1;
+    border-radius: 18px;
+    border: 1px solid #0FB577;
+    color: #0FB577;
+    /* border-radius: 18px; */
+    /* font-size: 14px; */
+    padding-left: 20px;
+    padding-right: 20px;
+    font-family: PingFang SC;
+    font-weight: 400;
+}
+.xl_d_button:hover{
+    background: #0FB577;
+    opacity: 1;
+    border-radius: 18px;
+    border: 1px solid #0FB577;
+    color: #ffffff;
+    /* border-radius: 18px; */
+    /* font-size: 14px; */
+    padding-left: 20px;
+    padding-right: 20px;
+    font-family: PingFang SC;
+    font-weight: 400;
+}