xt / xcx-book · Commits

Go to a project

Commit de41e19e2c13d0c6f7b6f2e404e6ae8f07382da7

Authored by pengye
1 parent 6e9beef1
build: skipped

券详情有效期显示、样式调整

Inline Side-by-side
Showing 2 changed files with 31 additions and 37 deletions
... ... @@ -4,73 +4,68 @@
<view class="top_box">
<image src="https://qn.colorcun.com/voucherIcon1.png" mode="" />
<view class="texts">
<view class="font36r textName">{{detail.aname}}</view>
<view class="font24r threshold">￥<text class="priceText">{{detail.price}}</text><text class="font24r" wx:if="{{detail.desc!='0'}}">满{{detail.desc}}元可用</text></view>
<view class="font32r textName">{{detail.aname}}</view>
<view class="font24r threshold">￥<text class="priceText">{{detail.price}}</text><text class="font28r" wx:if="{{detail.desc!='0'}}">满{{detail.desc}}元可用</text></view>
</view>
<view class="font24r receive" wx:if="{{resultCoupon == '1'}}">已领取</view>
<view class="font28r receive" wx:if="{{resultCoupon == '1'}}">已领取</view>
</view>
<view class="center_box">
<view class="centerMain">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_1.png" mode="" />
<text class="font28r">有效期</text>
<text class="font32r">有效期</text>
</view>
<view class="info font24r"><text>活动期限</text>{{util.unixtoTime(detail.stime,'YYYY-MM-DD')}}<text>至</text>{{util.unixtoTime(detail.etime,'YYYY-MM-DD')}}</view>
<view class="info font24r"><text>领取日期</text>{{util.unixtoTime(detail.cdate,'YYYY-MM-DD')}}</view>
<view class="info font24r" wx:if="{{detail.aexpiration>0}}">领取后{{detail.aexpiration}}天内使用</view>
<view class="info font28r" wx:if="{{detail.aexpiration.valid_forever == '0' && detail.useStime && detail.useEtime}}"><text>券有效期：</text>{{detail.useStime}} <text> 至 </text> {{detail.useEtime}}</view>
<view class="info font28r" wx:if="{{detail.aexpiration.valid_forever == '1'}}"><text>券有效期：</text> 永久有效</view>
</view>
<view class="centerMain">
<view class="title" wx:if="{{detail.morText || detail.noonText || detail.nigText}}">
<image src="https://qn.colorcun.com/voucherUnion_2.png" mode="" />
<text class="font28r">不可用日期</text>
<text class="font32r">不可用日期</text>
</view>
<view wx:if="{{detail.morText}}" class="info font24r">{{detail.morText}}</view>
<view wx:if="{{detail.noonText}}" class="info font24r">{{detail.noonText}}</view>
<view wx:if="{{detail.nigText}}" class="info font24r">{{detail.nigText}}</view>
<view wx:if="{{!detail.morText && !detail.noonText && !detail.nigText}}" class="info font24r">无限制</view>
<view wx:if="{{detail.morText}}" class="info font28r">{{detail.morText}}</view>
<view wx:if="{{detail.noonText}}" class="info font28r">{{detail.noonText}}</view>
<view wx:if="{{detail.nigText}}" class="info font28r">{{detail.nigText}}</view>
</view>
<view class="centerMain centerMain3" wx:if="{{detail.aexpiration}}">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_3.png" mode="" />
<text class="font28r">使用规则</text>
<text class="font32r">使用规则</text>
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_same_day == '1' ? '领取当日可用' : '领取当日不可用'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_accumulation == '1' ? '可以叠加使用其他优惠券' : '不可以叠加使用其他优惠券'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_compartment == '1' ? '可用于包间消费' : '不可用于包间消费'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_eatin == '1' ? '堂食可用' : '不可用于堂食消费'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_takeout == '1' ? '外带可用' : '不可用于外带'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_appointment == '1' ? '需要提前预约' : '不需要提前预约'}}
</view>
</view>
<view class="centerMain">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_4.png" mode="" />
<text class="font28r">分享规则</text>
<text class="font32r">分享规则</text>
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_share_lose == '1'? '可以分享给好友' : '不能分享给好友'}}
</view>
<view class="info font24r">
<view class="info font28r">
<view class="drop"></view>{{detail.arule.is_share_have == '1'? '分享给好友后继续拥有此券' : '分享给好友后不再拥有此券'}}
</view>
</view>
<view class="centerMain" wx:if="{{detail.explain}}">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_5.png" mode="" />
<text class="font28r">其他说明</text>
<text class="font32r">其他说明</text>
</view>
<view class="info font24r">{{detail.explain}}</view>
<view class="info font28r">{{detail.explain}}</view>
</view>
</view>
<view class="seller_data">
... ... @@ -95,10 +90,10 @@
</view>
<view class="bottom_box_wrap">
<view class="bottom_box">
<view class="font24r">温馨提示：</view>
<view class="font24r">到店消费时，请您扫描商家二维码付款时，可以直接识别并使用优惠券</view>
<view class="font24r">2、从<text class="bold_box">周到安排</text>微信小程序，<text class="bold_box">“我的-卡券”</text>中，可以找到您的卡券。</view>
<view class="font24r">3、您也可以关注<text class="bold_box">周到安排</text>公众号，获取更多优惠券信息</view>
<view class="font32r bold_box">温馨提示：</view>
<view class="font28r">1、到店消费时，请您扫描商家二维码付款时，可以直接识别并使用优惠券</view>
<view class="font28r">2、从<text class="bold_box">周到安排</text>微信小程序，<text class="bold_box">“我的-卡券”</text>中，可以找到您的卡券。</view>
<view class="font28r">3、您也可以关注<text class="bold_box">周到安排</text>公众号，获取更多优惠券信息</view>
<view class="font28r publicity" bindtap="wananchi">关注<text class="bold_box">周到安排</text>公众号，及时获取更多优惠券动态<view class="more" style="margin-left: 20rpx;"></view>
</view>
</view>
... ...
... ... @@ -93,10 +93,11 @@ page {
.info {
margin-left: 44rpx;
color: #575757;
color: #696969;
letter-spacing: 2rpx;
position: relative;
line-height: 40rpx;
line-height: 48rpx;
font-weight: 400;
}
.bottom_box {
... ... @@ -114,20 +115,18 @@ page {
.bottom_box view {
color: #515151;
font-family: PingFang SC;
line-height: 40rpx;
line-height: 46rpx;
}
.bold_box {
font-size: 28rpx;
font-weight: bold;
color: #000;
color: #000 !important;
}
.publicity {
margin-top: 14rpx;
display: flex;
align-items: center;
padding: 20rpx 0;
padding: 30rpx 0;
}
.sharewidth {
... ...