售后服务 样式调整

-<div id="dialog-wrapper" class="dialog-wrapper"> 
+<div id="dialog-wrapper" class="dialog-wrapper">
     <div class="dialog-box">
     {{# hasHeader}}
         <div class="dialog-header">{{.}}</div>
@@ -9,10 +9,13 @@
         {{# leftBtnText}}
             <span class="dialog-left-btn tap-hightlight">{{.}}</span>
         {{/ leftBtnText}}
+        {{# centerBtnText}}
+            <span class="dialog-center-btn tap-hightlight">{{.}}</span>
+        {{/ centerBtnText}}
         {{# rightBtnText}}
             <span class="dialog-right-btn tap-hightlight">{{.}}</span>
         {{/ rightBtnText}}
         </div>
     {{/ hasFooter}}
     </div>
-</div>
\ No newline at end of file
+</div>

@@ -312,13 +312,10 @@ orderHammer.on('tap', function(e) {
         }
     } else if ($cur.closest('.after-sales').length) {
         dialog.showDialog({
-            dialogText: 'WAP端暂不支持该功能，请至有货APP进行操作！',
+            dialogText: 'WAP端暂不支持该功能，请至有货APP进行操作',
             hasFooter: {
-                leftBtnText: '返回',
-                rightBtnText: '确定'
+                centerBtnText: '我知道了'
             }
-        }, function() {
-            dialog.hideDialog();
         });
     }
 });

@@ -161,13 +161,10 @@ optHammer.on('tap', function(e) {
         return true;
     } else if ($cur.closest('.after-sales').length) {
         dialog.showDialog({
-            dialogText: 'WAP端暂不支持该功能，请至有货APP进行操作！',
+            dialogText: 'WAP端暂不支持该功能，请至有货APP进行操作',
             hasFooter: {
-                leftBtnText: '返回',
-                rightBtnText: '确定'
+                centerBtnText: '我知道了'
             }
-        }, function() {
-            dialog.hideDialog();
         });
     }
 });

@@ -12,7 +12,7 @@
     .dialog-box {
         width: 540px;
         border-radius: 20px;
-        background: hsla(100, 100%, 100%, 0.8);
+        background: hsla(100, 100%, 100%, 0.84);
         position: absolute;
         left: 50%;
         margin-left: -270px;
@@ -23,6 +23,7 @@
 
     .dialog-content {
         padding: 60px 30px;
+        font-size: 32px;
     }
 
     .dialog-header {
@@ -46,16 +47,22 @@
             &:nth-last-of-type(1) {
                 border-left: 1px solid #ccc;
                 border-radius: 0 0 10px 10px;
-                color: #e01;
+                color: #d0021b;
             }
         }
 
         > span:active {
             background-color: #ccc;
         }
+
+        > span.dialog-center-btn {
+            width: 100%;
+            border: none;
+            text-align: center;
+        }
     }
 
-    /*边框在物理机上1px变粗*/
+    /* 边框在物理机上1px变粗 */
     .dialog-footer::before {
         content: "";
         position: absolute;

@@ -357,7 +357,7 @@
             height: 60px;
             line-height: 60px;
             width: 140px;
-            font-size: 24px;
+            font-size: 28px;
             text-align: center;
             border: 1px solid #000;
             border-radius: 5PX;
@@ -404,5 +404,11 @@
         .order-opt-info {
             color: #b6b6b6;
         }
+
+        .after-sales {
+            border: 1px solid #d0021b;
+            color: #d0021b;
+            text-align: center;
+        }
     }
 }

@@ -170,6 +170,12 @@
             .order-opt-info {
                 color: #b6b6b6;
             }
+
+            .after-sales {
+                border: 1px solid #d0021b;
+                color: #d0021b;
+                text-align: center;
+            }
         }
     }