Authored by 郝肖肖

售后服务 样式调整

1 -<div id="dialog-wrapper" class="dialog-wrapper"> 1 +<div id="dialog-wrapper" class="dialog-wrapper">
2 <div class="dialog-box"> 2 <div class="dialog-box">
3 {{# hasHeader}} 3 {{# hasHeader}}
4 <div class="dialog-header">{{.}}</div> 4 <div class="dialog-header">{{.}}</div>
@@ -9,10 +9,13 @@ @@ -9,10 +9,13 @@
9 {{# leftBtnText}} 9 {{# leftBtnText}}
10 <span class="dialog-left-btn tap-hightlight">{{.}}</span> 10 <span class="dialog-left-btn tap-hightlight">{{.}}</span>
11 {{/ leftBtnText}} 11 {{/ leftBtnText}}
  12 + {{# centerBtnText}}
  13 + <span class="dialog-center-btn tap-hightlight">{{.}}</span>
  14 + {{/ centerBtnText}}
12 {{# rightBtnText}} 15 {{# rightBtnText}}
13 <span class="dialog-right-btn tap-hightlight">{{.}}</span> 16 <span class="dialog-right-btn tap-hightlight">{{.}}</span>
14 {{/ rightBtnText}} 17 {{/ rightBtnText}}
15 </div> 18 </div>
16 {{/ hasFooter}} 19 {{/ hasFooter}}
17 </div> 20 </div>
18 -</div>  
  21 +</div>
@@ -312,13 +312,10 @@ orderHammer.on('tap', function(e) { @@ -312,13 +312,10 @@ orderHammer.on('tap', function(e) {
312 } 312 }
313 } else if ($cur.closest('.after-sales').length) { 313 } else if ($cur.closest('.after-sales').length) {
314 dialog.showDialog({ 314 dialog.showDialog({
315 - dialogText: 'WAP端暂不支持该功能,请至有货APP进行操作', 315 + dialogText: 'WAP端暂不支持该功能,请至有货APP进行操作',
316 hasFooter: { 316 hasFooter: {
317 - leftBtnText: '返回',  
318 - rightBtnText: '确定' 317 + centerBtnText: '我知道了'
319 } 318 }
320 - }, function() {  
321 - dialog.hideDialog();  
322 }); 319 });
323 } 320 }
324 }); 321 });
@@ -161,13 +161,10 @@ optHammer.on('tap', function(e) { @@ -161,13 +161,10 @@ optHammer.on('tap', function(e) {
161 return true; 161 return true;
162 } else if ($cur.closest('.after-sales').length) { 162 } else if ($cur.closest('.after-sales').length) {
163 dialog.showDialog({ 163 dialog.showDialog({
164 - dialogText: 'WAP端暂不支持该功能,请至有货APP进行操作', 164 + dialogText: 'WAP端暂不支持该功能,请至有货APP进行操作',
165 hasFooter: { 165 hasFooter: {
166 - leftBtnText: '返回',  
167 - rightBtnText: '确定' 166 + centerBtnText: '我知道了'
168 } 167 }
169 - }, function() {  
170 - dialog.hideDialog();  
171 }); 168 });
172 } 169 }
173 }); 170 });
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 .dialog-box { 12 .dialog-box {
13 width: 540px; 13 width: 540px;
14 border-radius: 20px; 14 border-radius: 20px;
15 - background: hsla(100, 100%, 100%, 0.8); 15 + background: hsla(100, 100%, 100%, 0.84);
16 position: absolute; 16 position: absolute;
17 left: 50%; 17 left: 50%;
18 margin-left: -270px; 18 margin-left: -270px;
@@ -23,6 +23,7 @@ @@ -23,6 +23,7 @@
23 23
24 .dialog-content { 24 .dialog-content {
25 padding: 60px 30px; 25 padding: 60px 30px;
  26 + font-size: 32px;
26 } 27 }
27 28
28 .dialog-header { 29 .dialog-header {
@@ -46,16 +47,22 @@ @@ -46,16 +47,22 @@
46 &:nth-last-of-type(1) { 47 &:nth-last-of-type(1) {
47 border-left: 1px solid #ccc; 48 border-left: 1px solid #ccc;
48 border-radius: 0 0 10px 10px; 49 border-radius: 0 0 10px 10px;
49 - color: #e01; 50 + color: #d0021b;
50 } 51 }
51 } 52 }
52 53
53 > span:active { 54 > span:active {
54 background-color: #ccc; 55 background-color: #ccc;
55 } 56 }
  57 +
  58 + > span.dialog-center-btn {
  59 + width: 100%;
  60 + border: none;
  61 + text-align: center;
  62 + }
56 } 63 }
57 64
58 - /*边框在物理机上1px变粗*/ 65 + /* 边框在物理机上1px变粗 */
59 .dialog-footer::before { 66 .dialog-footer::before {
60 content: ""; 67 content: "";
61 position: absolute; 68 position: absolute;
@@ -357,7 +357,7 @@ @@ -357,7 +357,7 @@
357 height: 60px; 357 height: 60px;
358 line-height: 60px; 358 line-height: 60px;
359 width: 140px; 359 width: 140px;
360 - font-size: 24px; 360 + font-size: 28px;
361 text-align: center; 361 text-align: center;
362 border: 1px solid #000; 362 border: 1px solid #000;
363 border-radius: 5PX; 363 border-radius: 5PX;
@@ -404,5 +404,11 @@ @@ -404,5 +404,11 @@
404 .order-opt-info { 404 .order-opt-info {
405 color: #b6b6b6; 405 color: #b6b6b6;
406 } 406 }
  407 +
  408 + .after-sales {
  409 + border: 1px solid #d0021b;
  410 + color: #d0021b;
  411 + text-align: center;
  412 + }
407 } 413 }
408 } 414 }
@@ -170,6 +170,12 @@ @@ -170,6 +170,12 @@
170 .order-opt-info { 170 .order-opt-info {
171 color: #b6b6b6; 171 color: #b6b6b6;
172 } 172 }
  173 +
  174 + .after-sales {
  175 + border: 1px solid #d0021b;
  176 + color: #d0021b;
  177 + text-align: center;
  178 + }
173 } 179 }
174 } 180 }
175 181