样式

@@ -26,7 +26,7 @@ export default {
   name: 'index',
   data () {
     return {
-      btnShow: true,
+      btnShow: false,
       title: '提示',
       cancelText: '取消',
       confirmText: '确认',
@@ -160,9 +160,9 @@ export default {
 
 /deep/.closeStyle {
   position: absolute;
-  top: 17px;
-  right: 12px;
-  font-size: 20px;
+  top: 13px;
+  right: 26px;
+  font-size: 24px;
   cursor: pointer;
   color: #409EFF;
 }

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