Skip to content

严立 / mini-shimao

Go to a project
Commit 6396b40c by wjw
Options

ww-订单详情修改

parent 213d0cf6
Inline Side-by-side
Showing with 25 additions and 10 deletions
pages/pay/order-detail/order-detail.js
...@@ -22,16 +22,17 @@ Page({ ...@@ -22,16 +22,17 @@ Page({
// }, // },
ticketInfo: { ticketInfo: {
status: 0, // 0未使用 1待评价 2已过期 3已取消 4已评价 5待付款 status: 0, // 0未使用 1待评价 2已过期 3已取消 4已评价 5待付款
ticketType: 'food', ticketType: 's',
store: '拾光花坊插花分享会', store: '拾光花坊插花分享会',
date: '8月24日', date: '8月24日 10:00 - 12:30',
time: '10:00 - 12:30', // time: '10:00 - 12:30',
address: '拾光花坊2号厅', address: '拾光花坊2号厅',
name: '文碧海', name: '文碧海',
phone: '17612345222', phone: '17612345222',
useNum:'1件商品可用', useNum:'1件商品可用',
useTime: '2019.09.30 - 2020.12.30', useTime: '2019.09.30 - 2020.12.30',
sealImg: './image/seal2.png' sealImg: './image/seal2.png',
sealImg2: './image/seal2-1.png'
}, },
// ticketInfo: { // ticketInfo: {
// status: 1, // 0未使用 1待评价 2已过期 3已取消 4已评价 5待付款 // 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-text">{{statusText}}</view>
<view class="status-tips" wx:if="{{statusTips}}">{{statusTips}}</view> <view class="status-tips" wx:if="{{statusTips}}">{{statusTips}}</view>
</view> </view>
...@@ -63,6 +63,7 @@ ...@@ -63,6 +63,7 @@
<view class="code-item-title">{{item.title}}</view> <view class="code-item-title">{{item.title}}</view>
<view class="code-img"> <view class="code-img">
<image mode="widthFix" src="{{item.img}}"></image> <image mode="widthFix" src="{{item.img}}"></image>
<view wx:if="{{item.codeUsed}}" class="code-img-used"></view>
</view> </view>
<view class="code-num-wrapper row align-c con-a"> <view class="code-num-wrapper row align-c con-a">
<view class="code-num-title {{item.codeUsed ? 'code-used' : ''}}">券码{{index+1}}:</view> <view class="code-num-title {{item.codeUsed ? 'code-used' : ''}}">券码{{index+1}}:</view>
...@@ -75,9 +76,9 @@ ...@@ -75,9 +76,9 @@
</view> </view>
</swiper-item> </swiper-item>
</swiper> </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="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> <text class="total-img-num">{{codeList.length}}</text>
</view> </view>
<view class="code-close-btn row con-c align-c" bindtap="closeQRcode"> <view class="code-close-btn row con-c align-c" bindtap="closeQRcode">
...@@ -88,11 +89,11 @@ ...@@ -88,11 +89,11 @@
</view> </view>
<view class="tips-wrapper"> <view class="tips-wrapper" wx:if="{{ticketInfo.ticketType === 'food'}}">
<Tips text="请在下单内3天内取餐，逾期无效"></Tips> <Tips text="请在下单内3天内取餐，逾期无效"></Tips>
</view> </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> <view class="notice">{{ticketInfo.status === 0 ? '使用须知' : '购买须知'}}</view>
<l-icon name="right" color="#959DAA" size="22" /> <l-icon name="right" color="#959DAA" size="22" />
</view> </view>
......
pages/pay/order-detail/order-detail.wxss
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
border-radius: 4rpx; border-radius: 4rpx;
} }
.item-center { .item-center {
margin: 0 auto; margin-left: 112rpx;
} }
.code-item-title { .code-item-title {
color: #15191F; color: #15191F;
...@@ -137,10 +137,21 @@ ...@@ -137,10 +137,21 @@
font-weight: 600; font-weight: 600;
} }
.code-img { .code-img {
position: relative;
width: 296rpx; width: 296rpx;
height: 296rpx; height: 296rpx;
margin: 56rpx 0; 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 { .code-num-wrapper {
width: 446rpx; width: 446rpx;
height: 96rpx; height: 96rpx;
...@@ -172,8 +183,10 @@ ...@@ -172,8 +183,10 @@
transform: translateY(56rpx); transform: translateY(56rpx);
width: 254rpx; width: 254rpx;
height: 254rpx; height: 254rpx;
z-index: 11;
} }
.img-num { .img-num {
width: 65rpx;
margin-top: 54rpx; margin-top: 54rpx;
} }
.current-img-num { .current-img-num {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment