EP-WachatApp/eaterplanet_ecommerce/pages/index/diyCoupon.wxml

65 lines
4.4 KiB
Plaintext
Raw Normal View History

2023-03-24 11:26:36 +08:00
<template name="diyCoupon">
<view wx:if="{{hasCoupon&&item.style!=3}}" class="promotion" style="padding:30rpx;margin-top:{{item.marginTop*2+'rpx'}};background-color:{{item.style==1?item.backgroundColor:'transparent'}};">
<view class="slider">
<view class="slider-wraper">
<view class="list">
<!-- 样式一 -->
<block wx:if="{{item.style==1}}" wx:for="{{quan}}" wx:key="id" wx:for-index="idx" wx:for-item='qItem'>
<view bindtap='receiveCoupon' data-quan_id="{{qItem.id}}" class="card-content list-item {{(qItem.is_get==1&&qItem.is_hide>0)? 'get':''}}" wx:if="{{idx<item.couponCount}}">
<view class="card">
<view class="card-price span">
<view class="card-price--unit span">¥</view>
<view class="card-price--num span">{{qItem.credit}}</view>
</view>
<view class="card-desc span" wx:if="{{qItem.limit_money >0}}">
满{{qItem.limit_money}}元可用</view>
<view class='card-desc span fsz-16' wx:if="{{qItem.is_limit_goods_buy==0}}">使用范围:所有商品</view>
<view class='card-desc span fsz-16' wx:elif="{{qItem.is_limit_goods_buy==1}}">使用范围:指定商品</view>
<view class='card-desc span fsz-16' wx:elif="{{qItem.is_limit_goods_buy==2}}">使用范围:指定分类</view>
<view class="card-tag span {{(qItem.is_get==1&&qItem.is_hide>0)? 'card-tag--get':''}}">
<view class="card-tag--text span">已领取</view>
</view>
</view>
</view>
</block>
<!-- 样式二 -->
<block wx:if="{{item.style==2}}" wx:for="{{quan}}" wx:key="id" wx:for-index="idx" wx:for-item='qItem'>
<view bindtap='receiveCoupon' data-quan_id="{{qItem.id}}" class="coupon-item2">
<image class="coupon-item2-bg" src="{{item.host+'/static/diycomponent/coupon/img/coupon_bg.png'}}"></image>
<view class="coupon-intro u-font-24 w0">
<view class="coupon-price red">¥<text class="u-font-40 weight">{{qItem.credit}}</text></view>
<view class="coupon-desc red u-m-t-5" wx:if="{{qItem.limit_money >0}}">满{{qItem.limit_money}}元可用</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:elif="{{qItem.is_limit_goods_buy==0}}">使用范围:所有商品</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:elif="{{qItem.is_limit_goods_buy==1}}">使用范围:指定商品</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:elif="{{qItem.is_limit_goods_buy==2}}">使用范围:指定分类</view>
</view>
<view class="coupon-btn red u-font-28">{{qItem.is_get==1&&qItem.is_hide>0?'已领取':'领取'}}</view>
</view>
</block>
</view>
</view>
</view>
</view>
<!-- 样式三 -->
<view wx:if="{{hasCoupon&&item.style==3}}" class="promotion coupon-style3" style="margin-top:{{item.marginTop*2+'rpx'}};{{('background-image:url('+item.host+'/static/diycomponent/coupon/img/style3-bg-1.png)')}}">
<view class="slider">
<view class="slider-wraper">
<view class="list">
<block wx:if="{{item.style==3}}" wx:for="{{quan}}" wx:key="id" wx:for-index="idx" wx:for-item='qItem'>
<view bindtap='receiveCoupon' data-quan_id="{{qItem.id}}" class="coupon-item3">
<image class="coupon-item3-bg" src="{{item.host+'/static/diycomponent/coupon/img/style3-bg-2.png'}}"></image>
<view class="coupon-intro u-font-24 u-p-t-30 text-center">
<view class="coupon-price red">¥<text class="price weight">{{qItem.credit}}</text></view>
<view class="red u-m-t-10 u-m-b-10" wx:if="{{qItem.limit_money >0}}">满{{qItem.limit_money}}元可用</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:if="{{qItem.is_limit_goods_buy==0}}">所有商品</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:elif="{{qItem.is_limit_goods_buy==1}}">指定商品</view>
<view class='coupon-desc red text-overflow1 u-m-t-5' wx:elif="{{qItem.is_limit_goods_buy==2}}">指定分类</view>
</view>
<view class="coupon-btn u-font-24 text-center">{{qItem.is_get==1&&qItem.is_hide>0?'已领取':'领取'}}</view>
</view>
</block>
</view>
</view>
</view>
</view>
</template>