ww-订单详情修改

pages/pay/order-detail/order-detail.js

@@ -22,16 +22,17 @@ Page({
         // },
         ticketInfo: {
           status: 0, // 0未使用 1待评价 2已过期 3已取消 4已评价 5待付款
-          ticketType: 'food',
+          ticketType: 's',
           store: '拾光花坊插花分享会',
-          date: '8月24日',
-          time: '10:00 - 12:30',
+          date: '8月24日 10:00 - 12:30',
+        //   time: '10:00 - 12:30',
           address: '拾光花坊2号厅',
           name: '文碧海',
           phone: '17612345222',
           useNum:'1件商品可用',
           useTime: '2019.09.30 - 2020.12.30',
-          sealImg: './image/seal2.png'
+          sealImg: './image/seal2.png',
+          sealImg2: './image/seal2-1.png'
         },
         // ticketInfo: {
         //   status: 1, // 0未使用 1待评价 2已过期 3已取消 4已评价 5待付款

pages/pay/order-detail/order-detail.wxml

-<view class="order-status col con-c {{ticketInfo.status === 1 ? 'bgPink' : ''}}" wx:if="{{ticketInfo.status !== 0}}">
+<view class="order-status col con-c {{ticketInfo.status === 1 || ticketInfo.status === 5 ? 'bgPink' : ''}}" wx:if="{{ticketInfo.status !== 0}}">
   <view class="status-text">{{statusText}}</view>
   <view class="status-tips" wx:if="{{statusTips}}">{{statusTips}}</view>
 </view>
@@ -63,6 +63,7 @@
             <view class="code-item-title">{{item.title}}</view>
             <view class="code-img">
               <image mode="widthFix" src="{{item.img}}"></image>
+              <view wx:if="{{item.codeUsed}}" class="code-img-used"></view>
             </view>
             <view class="code-num-wrapper row align-c con-a">
               <view class="code-num-title {{item.codeUsed ? 'code-used' : ''}}">券码{{index+1}}:</view>
@@ -75,9 +76,9 @@
           </view>
         </swiper-item>
       </swiper>
-      <view class="img-num row align-c">
+      <view class="img-num row align-c con-b">
         <text class="current-img-num">{{swiperCurrent+1}}</text>
-        <text class="symbol-img-num"> / </text>
+        <text class="symbol-img-num">/</text>
         <text class="total-img-num">{{codeList.length}}</text>
       </view>
       <view class="code-close-btn row con-c align-c" bindtap="closeQRcode">
@@ -88,11 +89,11 @@
   
 </view>
 
-<view class="tips-wrapper">
+<view class="tips-wrapper" wx:if="{{ticketInfo.ticketType === 'food'}}">
   <Tips text="请在下单内3天内取餐，逾期无效"></Tips>
 </view>
 
-<view class="notice-wrapper row con-e" bindtap="handleNotice" wx:if="{{ticketInfo.status === 0 || ticketInfo.status === 5}}">
+<view class="notice-wrapper row con-e" bindtap="handleNotice" wx:if="{{ticketInfo.orderType === 1}}">
   <view class="notice">{{ticketInfo.status === 0 ? '使用须知' : '购买须知'}}</view>
   <l-icon name="right" color="#959DAA" size="22" />
 </view>

pages/pay/order-detail/order-detail.wxss

@@ -129,7 +129,7 @@
   border-radius: 4rpx;
 }
 .item-center {
-  margin: 0 auto;
+  margin-left: 112rpx;
 }
 .code-item-title {
   color: #15191F;
@@ -137,10 +137,21 @@
   font-weight: 600;
 }
 .code-img {
+  position: relative;
   width: 296rpx;
   height: 296rpx;
   margin: 56rpx 0;
 }
+.code-img-used {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #FFFFFF;
+  opacity: .9;
+  z-index: 10;
+}
 .code-num-wrapper {
   width: 446rpx;
   height: 96rpx;
@@ -172,8 +183,10 @@
   transform: translateY(56rpx);
   width: 254rpx;
   height: 254rpx;
+  z-index: 11;
 }
 .img-num {
+  width: 65rpx;
   margin-top: 54rpx;
 }
 .current-img-num {