闫增涛
2024-02-23 fdfb3ca757ecd6c396632ed276ff354671d3a7e5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<wxs src="./selectCoupon.wxs" module="m1" />
 
 
<t-popup visible="{{couponsShow}}" placement="bottom" bind:visible-change="hide">
    <view class="select-coupons">
        <view class="title">选择优惠券</view>
        <block wx:if="{{couponsList && couponsList.length > 0}}">
            <view class="info">
                <block wx:if="{{!selectedNum}}">你有{{couponsList.length}}张可用优惠券</block>
                <block wx:else>
                    已选中{{selectedNum}}张推荐优惠券, 共抵扣
                    <wr-price fill="{{false}}" price="{{reduce || 0}}" />
                </block>
            </view>
            <scroll-view class="coupons-list" scroll-y="true">
                <view class="coupons-wrap">
                    <block wx:for="{{couponsList}}" wx:key="index" wx:for-item="coupon">
                        <coupon-card
                         title="{{coupon.title}}"
                         type="{{coupon.type}}"
                         status="{{coupon.status}}"
                         desc="{{coupon.desc}}"
                         value="{{coupon.value}}"
                         tag="{{coupon.tag}}"
                         timeLimit="{{coupon.timeLimit}}"
                        >
                            <view class="slot-radio" slot="operator">
                <t-icon bindtap="selectCoupon" data-key="{{coupon.key}}" name="{{coupon.isSelected ? 'check-circle-filled' : 'circle'}}" color="#fa4126" size="40rpx"/>
                            </view>
                        </coupon-card>
                        <view class="disable" wx:if="{{coupon.status == 'useless'}}">此优惠券不能和已勾选的优惠券叠加使用</view>
                    </block>
                </view>
            </scroll-view>
        </block>
        <view wx:else class="couponp-empty-wrap">
            <t-image t-class="couponp-empty-img" src="{{emptyCouponImg}}" />
            <view class="couponp-empty-title">暂无优惠券</view>
        </view>
        <view class="coupons-cover" />
    </view>
</t-popup>