quan_pro.wxml 3.79 KB
<wxs module="filters" src="../../../utils/filter.wxs"></wxs>
<wxs module="g_filters" src="g_filter.wxs"></wxs>
<wxs module="tool" src="filter.wxs"></wxs>

<!-- 上部分 -->
<view class="up_part">
    <view class="img_part">
        <image style="width: 100%; height: 450rpx" src="{{iurl}}/miniapp/images/coupon_img/q_detail_bg.png"></image>
        <view class="q_content">
            <view class="upper flex jc_sb co-w">
                <view class="left fs30" style="width: 440rpx;">
                     <view>
                         <image style="width: 70rpx; height: 70rpx; vertical-align: middle; margin-right: 20rpx" src="{{iurl}}/miniapp/images/coupon_img/coupon_logo.png"></image>
                         {{q_data.name}}
                     </view>
                     <view class="flex ai-center" style="margin-top: 24rpx; margin-right: 20rpx; width: 440rpx">
						     <view class="t_circle"></view>    							
							 <view>	  
                                <text wx:if="{{q_data.useobjecttype==0}}">全场通用</text>
                                <text wx:else>仅限{{q_data.useobjectname}}使用</text>
							 </view>	
                           
                     </view>
					 <view class="ellipsis-3" style="margin-top: 20rpx;">{{q_data.coupon_remark}}</view>
                </view>
                <view class="right" style="margin-right: 80rpx;">
                    <view class="f40 t-c" style="margin-top: 100rpx"><text class="fs26">¥</text>{{filters.toFix(q_data.money,2)}}</view>
                    <view class="fs28">满{{filters.toFix(q_data.condition,2)}}可用</view>
                </view>
            </view>
            <view wx:if="{{q_data.endtype==0}}" class="lower fs30">有效期
                 <text wx:if="{{q_data.starttype==1}}">  {{filters.format_time(getcurday+3600*24*q_data.startdays)}}</text>
                <text wx:if="{{q_data.use_start_time>0 && q_data.starttype==0}}"> {{filters.format_time(q_data.use_start_time)}}</text>至
                <text wx:if="{{q_data.use_end_time>0}}"> {{filters.format_time(q_data.use_end_time)}}</text><text wx:else>不限</text>
            </view>
            <view wx:else class="lower fs30">有效期
              <text wx:if="{{ q_data.starttype==1}}"> {{filters.format_time(getcurday+3600*24*q_data.startdays)}}</text>
              <text wx:else>{{filters.format_time(getcurday)}}</text>至
            <text wx:if="{{q_data.days>0}}">  {{filters.format_time(getcurday+3600*24*q_data.days)}}</text><text wx:else>不限</text></view>

        </view>
    </view>

    <view class="flex jc-center" style="margin-top: 40rpx">
        <view wx:if="{{q_data.everyone_num>0 && q_data.lqnum>=q_data.everyone_num}}" class="btn flex jc-center ai-center gray" bindtap="get_quan">已领取</view>
        <view wx:else class="btn flex jc-center ai-center" bindtap="get_quan">立即领取</view>
    </view>
    <view class="flex jc-center fs36" style="margin-top: 40rpx">
         <image style="margin-right: 20rpx" class="love" src="{{iurl}}/miniapp/images/coupon_img/love.png"></image>猜你喜欢
    </view>
</view>
<!-- 下部分 -->
<view class="down_part">
    <!-- 商品列表组件 -->
    <goods_recommend id="goods_list"></goods_recommend>
</view>


<view wx:if="{{show_success}}">
    <view class="cover-layer" bindtap="close_show"></view>
    <view class="suc_content">
        <view class="up flex jc-center">
            <view class="t-c">
                <image src="{{iurl}}/miniapp/images/coupon_img/success.png"></image>
                <view style="margin-top:32rpx;color:#4e220b" class="fs36 ellipsis-1">恭喜您获得【{{q_data.name}}】优惠券</view>
            </view>
        </view>
        <view class="down co-w t-c fs35" bindtap="go_quan">查看我的优惠券</view>
    </view>
</view>


<warn id="warn"></warn>
<nav_box id="nav"></nav_box>