样式

@@ -26,7 +26,7 @@ export default {
   name: 'index',
   name: 'index',
   data () {
   data () {
     return {
     return {
-      btnShow: true,
+      btnShow: false,
       title: '提示',
       title: '提示',
       cancelText: '取消',
       cancelText: '取消',
       confirmText: '确认',
       confirmText: '确认',
@@ -146,13 +146,13 @@ export default {
 }
 }
 
 
 .ls-mask-footer {
 .ls-mask-footer {
-  height: 50px;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  box-shadow: 0px 0px 2px 0px;
-  border-radius: 0 0 10px 10px;
-  position: absolute;
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    box-shadow: 0px 0px 2px 0px;
+    border-radius: 0 0 10px 10px;
+    position: absolute;
     bottom: 0;
     bottom: 0;
     background: #ffffff;
     background: #ffffff;
 }
 }
@@ -160,9 +160,9 @@ export default {
 
 
 /deep/.closeStyle {
 /deep/.closeStyle {
   position: absolute;
   position: absolute;
-  top: 17px;
-  right: 12px;
-  font-size: 20px;
+  top: 13px;
+  right: 26px;
+  font-size: 24px;
   cursor: pointer;
   cursor: pointer;
   color: #409EFF;
   color: #409EFF;
 }
 }

@@ -202,7 +202,7 @@ export default {
   height: 48px;
   height: 48px;
   line-height: 48px;
   line-height: 48px;
   width: 100%;
   width: 100%;
-  background: #fff;
+  background: #EDF1F7;
   border-bottom: 1px solid #E4EBF4;
   border-bottom: 1px solid #E4EBF4;
   box-shadow: 0 1px 3px 0 rgba(147, 173, 209, 0.12);
   box-shadow: 0 1px 3px 0 rgba(147, 173, 209, 0.12);
 
 
@@ -216,6 +216,8 @@ export default {
         top: 8px;
         top: 8px;
         height: 33px;
         height: 33px;
         z-index: 1;
         z-index: 1;
+        background: #EDF1F7!important;
+
       }
       }
 
 
       .pane-mask-left {
       .pane-mask-left {
@@ -237,14 +239,12 @@ export default {
       cursor: pointer;
       cursor: pointer;
       height: 31px;
       height: 31px;
       line-height: 29px;
       line-height: 29px;
-      border: 1px solid #e4ebf4;
       color: #686666;
       color: #686666;
-      background: #fff;
-      padding: 0 10px 0 10px;
+      background: #D8DFE6;
+      padding: 0 20px 0 20px;
       font-size: 16px;
       font-size: 16px;
       margin-top: 5px;
       margin-top: 5px;
-      border-radius: 4px;
-
+      border-radius: 8px 8px 0 0;
       &:first-of-type {
       &:first-of-type {
         margin-left: 15px;
         margin-left: 15px;
       }
       }
@@ -254,8 +254,8 @@ export default {
       }
       }
 
 
       &.active {
       &.active {
-        border-color: #0f93f6;
-        color: #4a4a4a;
+        color: #0f93f6;
+        background: #ffffff;
         // &::before {
         // &::before {
         //   content: '';
         //   content: '';
         //   background: #0F93F6;
         //   background: #0F93F6;
@@ -267,6 +267,7 @@ export default {
         //   margin-right: 2px;
         //   margin-right: 2px;
         // }
         // }
       }
       }
+    
     }
     }
   }
   }