Selaa lähdekoodia

我的优惠界面页面代码层级调整

kk.shi 3 vuotta sitten
vanhempi
commit
7cc43eefd4
1 muutettua tiedostoa jossa 37 lisäystä ja 41 poistoa
  1. 37 41
      pages/signIn/record/record.wxml

+ 37 - 41
pages/signIn/record/record.wxml

@@ -5,7 +5,7 @@
     <view class="head_num" wx:if="{{!isLogin}}">{{notUseNum}}</view>
     <view class="head_num" wx:if="{{isLogin}}">{{notUseNum?notUseNum:0}}</view>
     <view class="head_text" wx:if="{{isLogin}}">请在优惠券有效期内尽快使用</view>
-    <button class="sigin-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" >登录</button>
+    <button class="sigin-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录</button>
   </view>
   <!-- 中部说明 -->
   <view class="explain flex-row">
@@ -29,37 +29,35 @@
     <view class="check-in-content flex-column">
       <!-- 优惠券内容 -->
       <view hidden="{{hiddenCoupon}}">
-      <view class="{{item.coupon.couponType == 'C'?'coupon flex-row':'coupon2 flex-row'}}" wx:for="{{couponList}}" wx:key="index" data-id="{{item.id}}">
-        <view class="coupon-left flex-row">
-          <!-- 代金券 -->
-          <view class="coupon-left-symbol" wx:if="{{item.coupon.couponType == 'C'}}">¥</view>
-          <view class="{{item.coupon.formatReduceCost.length > 3 ?'coupon-left-numSmall':'coupon-left-num'}}" wx:if="{{item.coupon.couponType == 'C'}}">{{item.coupon.formatReduceCost ?item.coupon.formatReduceCost:0}}</view>
-          <!-- 折扣券 -->
-          <view class="{{item.coupon.formatDiscount.length > 3 ?'coupon-left-numSmall':'coupon-left-num'}}" wx:if="{{item.coupon.couponType == 'D'}}">{{item.coupon.formatDiscount ?item.coupon.formatDiscount:0}}</view>
-          <view class="coupon-left-symbol" wx:if="{{item.coupon.couponType == 'D'}}" style="font-size: 16px;">折</view>
-        </view>
-        <view class="coupon-center flex-column">
-          <view class="coupon-center-upper">{{item.coupon.couponTitle}}</view>
-          <view class="coupon-center-bm flex-row">
-            <view class="coupon-center-block1"></view>
-            <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost == '0'}}">无门槛</view>
-            <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost != '0'}}">满{{item.coupon.formatLeastCost}}使用</view>
-            <view class="coupon-center-block2"></view>
-          </view>
-          <view class="coupon-center-lower">{{item.coupon.couponBeginTimestamp}}-{{item.coupon.couponEndTimestamp}}</view>
-        </view>
-        <view class="coupon-right">
-          <view class="{{item.coupon.couponType == 'C'?'coupon-right-usenow flex-row':'coupon-right-usenow2 flex-row'}}">
-            <navigator class="btn_exchange" 
-            target = "miniProgram" 
-            app-id="wxd92a2d29f8022f40"
-            path="page/index/index"
-            open-type='navigate'> 
-            </navigator>
+        <view wx:for="{{couponList}}" wx:key="index" data-id="{{item.id}}">
+          <view class="{{item.coupon.couponType == 'C'?'coupon flex-row':'coupon2 flex-row'}}">
+            <view class="coupon-left flex-row">
+              <!-- 代金券 -->
+              <view class="coupon-left-symbol" wx:if="{{item.coupon.couponType == 'C'}}">¥</view>
+              <view class="{{item.coupon.formatReduceCost.length > 3 ?'coupon-left-numSmall':'coupon-left-num'}}" wx:if="{{item.coupon.couponType == 'C'}}">{{item.coupon.formatReduceCost ?item.coupon.formatReduceCost:0}}</view>
+              <!-- 折扣券 -->
+              <view class="{{item.coupon.formatDiscount.length > 3 ?'coupon-left-numSmall':'coupon-left-num'}}" wx:if="{{item.coupon.couponType == 'D'}}">{{item.coupon.formatDiscount ?item.coupon.formatDiscount:0}}</view>
+              <view class="coupon-left-symbol" wx:if="{{item.coupon.couponType == 'D'}}" style="font-size: 16px;">折</view>
+            </view>
+            <view class="coupon-center flex-column">
+              <view class="coupon-center-upper">{{item.coupon.couponTitle}}</view>
+              <view class="coupon-center-bm flex-row">
+                <view class="coupon-center-block1"></view>
+                <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost == '0'}}">无门槛</view>
+                <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost != '0'}}">满{{item.coupon.formatLeastCost}}使用</view>
+                <view class="coupon-center-block2"></view>
+              </view>
+              <view class="coupon-center-lower">{{item.coupon.couponBeginTimestamp}}-{{item.coupon.couponEndTimestamp}}</view>
+            </view>
+            <view class="coupon-right">
+              <view class="{{item.coupon.couponType == 'C'?'coupon-right-usenow flex-row':'coupon-right-usenow2 flex-row'}}">
+                <navigator class="btn_exchange" target="miniProgram" app-id="wxd92a2d29f8022f40" path="page/index/index" open-type='navigate'>
+                </navigator>
+              </view>
+            </view>
           </view>
         </view>
       </view>
-    </view>
       <!-- 获得明细 -->
       <view class="detailed flex-column" hidden="{{hiddenDetail}}">
         <view class="detailed-content" wx:for="{{detailList}}" wx:key="index" data-id="{{item.id}}">
@@ -73,7 +71,7 @@
               <view class="detailed-coupon-text">{{item.coupon.couponTitle}}</view>
             </view>
           </view>
-          
+
         </view>
         <view class="detailed-date flex-column"></view>
       </view>
@@ -90,25 +88,23 @@
             <view class="detailed-coupon flex-column" style="color: #8F8F8F;" wx:elif="{{item.used}}">已使用</view>
             <view class="detailed-coupon flex-column" style="color: #8F8F8F;" wx:else="{{!item.used}}">未使用</view>
           </view>
-          
+
         </view>
         <view class="detailed-date flex-column"></view>
       </view>
-        <view class="no_result" wx:if="{{noResult}}">———— 抱歉,您暂无可用优惠券 ————</view>
-        <view class="no_result" wx:if="{{noMore}}">———— 更多优惠券 | 敬请期待 ————</view>
+      <view class="no_result" wx:if="{{noResult}}">———— 抱歉,您暂无可用优惠券 ————</view>
+      <view class="no_result" wx:if="{{noMore}}">———— 更多优惠券 | 敬请期待 ————</view>
     </view>
   </view>
 </view>
 
 <!-- 使用wxs 手机号码中间四位显示为*号 -->
 <wxs module="phone">
-var toHide = function(array) {
-  var mphone = array.substring(0, 3) + '****' + array.substring(7);
-  return mphone;
-}
-module.exports.toHide = toHide;
+  var toHide = function (array) {
+    var mphone = array.substring(0, 3) + '****' + array.substring(7);
+    return mphone;
+  }
+  module.exports.toHide = toHide;
 </wxs>
 <!-- 底部导航 -->
-<tab-bar />
-
-
+<tab-bar />