Authored by 李靖

弹框优化

@@ -17,7 +17,10 @@ @@ -17,7 +17,10 @@
17 <div class="list-3"> 17 <div class="list-3">
18 {{# coupons}} 18 {{# coupons}}
19 <div class="list-item"> 19 <div class="list-item">
20 - <div class="amount" data-couponid="{{couponId}}">{{couponAmount}}</div> 20 + <div class="amount" data-couponid="{{couponId}}">
  21 +{{couponAmount}}
  22 + <div class="limit">满¥{{useLimit}}使用</div>
  23 + </div>
21 <a href="//m.yohobuy.com/product/shop?shop_id={{shopsId}}"> 24 <a href="//m.yohobuy.com/product/shop?shop_id={{shopsId}}">
22 <div class="shop"> 25 <div class="shop">
23 <div class="logo"{{#if shopLogo}} style="background-image:url({{image2 shopLogo w=105 h=42 q=60}})"{{/if}}></div> 26 <div class="logo"{{#if shopLogo}} style="background-image:url({{image2 shopLogo w=105 h=42 q=60}})"{{/if}}></div>

30.6 KB | W: | H:

39.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -28,6 +28,9 @@ class CouponList extends Page { @@ -28,6 +28,9 @@ class CouponList extends Page {
28 } 28 }
29 29
30 hideDia() { 30 hideDia() {
  31 + if (this.selector.$dia.hasClass('refresh')) {
  32 + window.location.href = window.location.href;
  33 + }
31 this.selector.$dia.removeClass().addClass('dia-c dia hide'); 34 this.selector.$dia.removeClass().addClass('dia-c dia hide');
32 this.selector.$diaC.hide(); 35 this.selector.$diaC.hide();
33 } 36 }
@@ -86,6 +89,9 @@ class CouponList extends Page { @@ -86,6 +89,9 @@ class CouponList extends Page {
86 } 89 }
87 90
88 dia(num) { 91 dia(num) {
  92 + if (num === 2) {
  93 + this.selector.$dia.addClass('refresh');
  94 + }
89 this.selector.$dia.addClass(`dia-${num}`); 95 this.selector.$dia.addClass(`dia-${num}`);
90 this.selector.$diaC.show(); 96 this.selector.$diaC.show();
91 } 97 }
@@ -125,6 +125,12 @@ @@ -125,6 +125,12 @@
125 text-align: center; 125 text-align: center;
126 margin: 14px auto 0; 126 margin: 14px auto 0;
127 font-weight: bold; 127 font-weight: bold;
  128 +
  129 + .limit {
  130 + font-size: 12px;
  131 + line-height: 12px;
  132 + font-weight: normal;
  133 + }
128 } 134 }
129 135
130 .shop { 136 .shop {