mp-weixin-2811-xcx.aigc-quickapp.com/components/diy-components/diy-coupon.wxml

<x-skeleton vue-id="27b58c12-1" type="banner" loading="{{loading}}" configs="{{skeletonConfig}}" class="data-v-781b7be8" bind:__l="__l" vue-slots="{{['default']}}"><view class="{{['coupon-wrap','data-v-781b7be8','coupon-box-'+value.style]}}" style="{{$root.s0}}"><block wx:if="{{value.style=='1'}}"><swiper class="coupon-style-one data-v-781b7be8" circular="{{true}}"><block wx:for="{{$root.l1}}" wx:for-item="numItem" wx:for-index="numIndex" wx:key="numIndex"><swiper-item class="coupon-item-box data-v-781b7be8"><block wx:for="{{numItem.l0}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{index>=[numIndex*3]&&index<[(numIndex+1)*3]}}"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item:item.$orig,index})}}" class="coupon-item data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+item.g0+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><view class="coupon-info data-v-781b7be8"><block wx:if="{{!item.m0}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="font-size-tag coupon-sign data-v-781b7be8">￥</text><text class="coupon-size data-v-781b7be8">{{item.f0}}</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f1}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block><view class="coupon-type font-size-tag data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{''+(item.$orig.at_least>0?'满'+item.m1+'元可用':'无门槛优惠券')+''}}</view></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{''+value.btnStyle.text+''}}</view></block><block wx:if="{{item.m2}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></block></block></swiper-item></block></swiper></block><block wx:if="{{value.style=='2'}}"><swiper class="coupon-style-two data-v-781b7be8" circular="{{true}}"><block wx:for="{{$root.l3}}" wx:for-item="numItem" wx:for-index="numIndex" wx:key="numIndex"><swiper-item class="coupon-item-box data-v-781b7be8"><block wx:for="{{numItem.l2}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index>=[numIndex*3]&&index<[(numIndex+1)*3]}}"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" data-event-params="{{({item:item.$orig,index})}}" class="coupon-item data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+item.g1+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><view class="coupon-info data-v-781b7be8"><block wx:if="{{!item.m3}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="font-size-tag coupon-sign data-v-781b7be8">￥</text><text class="coupon-size data-v-781b7be8">{{item.f2}}</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f3}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block><view class="coupon-type font-size-tag data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{''+(item.$orig.at_least>0?'满'+item.m4+'元可用':'无门槛优惠券')+''}}</view></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{''+(value.btnStyle.text||'领取')+''}}</view></block><block wx:if="{{item.m5}}"><view class="coupon-get use data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></block></block></swiper-item></block></swiper></block><block wx:if="{{value.style=='3'}}"><swiper class="coupon-style-three data-v-781b7be8" circular="{{true}}"><block wx:for="{{$root.l5}}" wx:for-item="numItem" wx:for-index="numIndex" wx:key="numIndex"><swiper-item class="coupon-item-box data-v-781b7be8"><block wx:for="{{numItem.l4}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index>=[numIndex*3]&&index<[(numIndex+1)*3]}}"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" data-event-params="{{({item:item.$orig,index})}}" class="coupon-item data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+item.g2+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><block wx:if="{{!item.m6}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="font-size-tag coupon-sign data-v-781b7be8">￥</text><text class="coupon-size data-v-781b7be8">{{item.f4}}</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f5}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block><view class="coupon-type font-size-tag data-v-781b7be8"><text style="{{'color:'+(value.limitColor)+';'}}" class="data-v-781b7be8">{{item.$orig.at_least>0?'满'+item.m7+'元可用':'无门槛优惠券'}}</text><block wx:if="{{item.$orig.goods_type==1}}"><view class="item-text data-v-781b7be8">所有商品可用</view></block><block wx:else><block wx:if="{{item.$orig.goods_type==2}}"><view class="item-text data-v-781b7be8">指定商品可用</view></block><block wx:else><block wx:if="{{item.$orig.goods_type==3}}"><view class="item-text data-v-781b7be8">指定商品不可用</view></block></block></block></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{''+(value.btnStyle.text||'领取')+''}}</view></block><block wx:if="{{item.m8}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></block></block></swiper-item></block></swiper></block><block wx:if="{{value.style=='4'}}"><swiper class="coupon-style-four data-v-781b7be8" circular="{{true}}"><block wx:for="{{$root.l7}}" wx:for-item="numItem" wx:for-index="numIndex" wx:key="numIndex"><swiper-item class="coupon-item-box data-v-781b7be8"><block wx:for="{{numItem.l6}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index>=[numIndex*3]&&index<[(numIndex+1)*3]}}"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" data-event-params="{{({item:item.$orig,index})}}" class="coupon-item data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+item.g3+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><view class="coupon-info data-v-781b7be8"><block wx:if="{{!item.m9}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="font-size-tag coupon-sign data-v-781b7be8">￥</text><text class="coupon-size data-v-781b7be8">{{item.f6}}</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f7}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block><view class="coupon-type font-size-tag data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{''+(item.$orig.at_least>0?'满'+item.m10+'元可用':'无门槛优惠券')+''}}</view></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{''+(value.btnStyle.text||'立即使用')+''}}</view></block><block wx:if="{{item.m11}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></block></block></swiper-item></block></swiper></block><block wx:if="{{value.style=='5'}}"><view class="coupon-style-five data-v-781b7be8"><view class="coupon-all data-v-781b7be8"><view class="coupon-box data-v-781b7be8"><block wx:for="{{$root.l8}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['couponAction',['$0',index],[[['computedCouponList','',index]]]]]]]}}" class="coupon-list data-v-781b7be8" bindtap="__e"><image src="{{item.g4}}" class="data-v-781b7be8"></image><view class="coupon data-v-781b7be8"><view class="coupon-info data-v-781b7be8"><block wx:if="{{item.$orig.discount=='0.00'}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f8}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">元</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f9}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block></view><view class="coupon-line data-v-781b7be8"></view><view class="coupon-content data-v-781b7be8"><view class="coupon-type data-v-781b7be8"><view class="coupon-name data-v-781b7be8" style="{{'color:'+(value.nameColor)+';'}}">{{item.$orig.coupon_name}}</view><block wx:if="{{item.$orig.at_least>0}}"><text class="coupon-least data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{"满"+item.m12+"元可用"}}</text></block><block wx:else><text class="coupon-least data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">无门槛优惠券</text></block></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{value.btnStyle.text||'立即领取'}}</view></block><block wx:if="{{item.m13}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></view></view></block></view></view></view></block><block wx:if="{{value.style=='6'}}"><swiper class="coupon-style-six data-v-781b7be8" circular="{{true}}"><block wx:for="{{$root.l10}}" wx:for-item="numItem" wx:for-index="numIndex" wx:key="numIndex"><swiper-item class="style-six-wrap data-v-781b7be8"><block wx:for="{{numItem.l9}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index>=[numIndex*3]&&index<[(numIndex+1)*3]}}"><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" data-event-params="{{({item:item.$orig,index})}}" class="coupon data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+item.g5+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><view class="coupon-content data-v-781b7be8"><view class="price-wrap data-v-781b7be8"><text class="price data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}">{{item.f10}}</text><text class="unit data-v-781b7be8">{{item.$orig.discount=='0.00'?'元':'折'}}</text></view><text class="text data-v-781b7be8">优惠券</text></view><block wx:if="{{item.$orig.useState==0}}"><text class="btn data-v-781b7be8" style="{{'color:'+(value.btnStyle.textColor)+';'+('background-color:'+(value.btnStyle.bgColor)+';')+('border-top-left-radius:'+(value.btnStyle.aroundRadius*2+'rpx')+';')+('border-bottom-left-radius:'+(value.btnStyle.aroundRadius*2+'rpx')+';')}}"><text class="btn-content data-v-781b7be8">{{value.btnStyle.text}}</text></text></block><block wx:if="{{item.m14}}"><text class="btn data-v-781b7be8" style="{{'color:'+(value.btnStyle.textColor)+';'+('background-color:'+(value.btnStyle.bgColor)+';')+('border-top-left-radius:'+(value.btnStyle.aroundRadius*2+'rpx')+';')+('border-bottom-left-radius:'+(value.btnStyle.aroundRadius*2+'rpx')+';')}}"><text class="btn-content data-v-781b7be8">去使用</text></text></block><block wx:if="{{item.m15>0}}"><text class="limit data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{"满"+item.f11+"元使用"}}</text></block><block wx:else><text class="limit data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">无门槛使用</text></block></view></block></block><block wx:if="{{numItem.g6<=2}}"><view data-event-opts="{{[['tap',[['e5',['$event']]]]]}}" class="coupon coupon-null _div data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'+('background-image:'+('url('+numItem.g7+')')+';')+('margin-right:'+(couponItemHeight+'px')+';')+('margin-left:'+(couponItemHeight+'px')+';')}}" bindtap="__e"><view class="coupon-content _div data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><label class="price _span data-v-781b7be8">+</label><label class="text _span data-v-781b7be8">暂无优惠券</label></view><label class="limit _span data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">去逛逛</label></view></block></swiper-item></block></swiper></block><block wx:if="{{value.style=='7'}}"><scroll-view class="coupon-style-seven data-v-781b7be8" scroll-x="true"><view class="wrap data-v-781b7be8"><block wx:for="{{$root.l11}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['couponAction',['$0',index],[[['computedCouponList','',index]]]]]]]}}" class="coupon-list data-v-781b7be8" bindtap="__e"><image src="{{item.g8}}" class="data-v-781b7be8"></image><view class="coupon data-v-781b7be8"><view class="coupon-info data-v-781b7be8"><block wx:if="{{item.$orig.discount=='0.00'}}"><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f12}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">元</text></view></block><block wx:else><view class="coupon-num data-v-781b7be8" style="{{'color:'+(value.moneyColor)+';'}}"><text class="coupon-size data-v-781b7be8">{{item.f13}}</text><text class="font-size-tag coupon-sign data-v-781b7be8">折</text></view></block></view><view class="coupon-type data-v-781b7be8"><block wx:if="{{item.$orig.at_least>0}}"><text class="coupon-name data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{"满"+item.m16+"元可用"}}</text></block><block wx:else><text class="coupon-name data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">无门槛优惠券</text></block><view class="coupon-least data-v-781b7be8" style="{{'color:'+(value.limitColor)+';'}}">{{"有效期至"+item.g9}}</view></view><view class="coupon-line data-v-781b7be8"></view><block wx:if="{{item.$orig.useState==0}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">{{''+(value.btnStyle.text||'立即领取')+''}}</view></block><block wx:if="{{item.m17}}"><view class="coupon-get data-v-781b7be8" style="{{(couponBtnStyle)}}">去使用</view></block></view></view></block></view></scroll-view></block><ns-login vue-id="{{('27b58c12-2')+','+('27b58c12-1')}}" data-ref="login" class="data-v-781b7be8 vue-ref" bind:__l="__l"></ns-login></view></x-skeleton>