<!-- 券码 -->
<view class="couponData-top">
    <image wx:if="{{type == 'cash'}}" class="couponData-top-img" src="/static/mall_icon/mallCoupon_cash.png"></image>
    <image wx:elif="{{type == 'rebate'}}" class="couponData-top-img" src="/static/mall_icon/mallCoupon_rebate3.png"></image>
    <image wx:elif="{{type == 'free'}}" class="couponData-top-img" src="/static/mall_icon/mallCoupon_free.png"></image>
</view>
<view class="couponData-cont">
    <view class="couponCode">
        <view class="couponCode-title">{{title}}</view>
        <view class="couponCode-list">
            <view class="couponCode-list-label">
                <view class="couponCode-list-name">金额</view>
                <text class="couponCode-list-price"><text style="font-size:24rpx;color:#d9263a">￥</text>{{price}}</text>
            </view>
            <view class="couponCode-list-label">
                <view class="couponCode-list-name">类型</view>
                <text>{{type_text}}</text>
            </view>
            <view class="couponCode-list-label">
                <view class="couponCode-list-name">渠道</view>
                <text>{{way}}</text>
            </view>
        </view>
        <view class="couponCode-info">
            <view class="couponCode-info-title">券码信息</view>
            <image class="couponCode-info-img" src="{{code_url}}"></image>
            <view class="couponCode-info-number">{{code}}</view>
        </view>
    </view>

    <view class="couponCode couponCompany">
        <view class="couponCompany-list">
            <view class="couponCompany-list-label">
                <image src="/static/mall_icon/mallFloor.png"></image>
                <text>{{name}}</text>
            </view>
            <view class="couponCompany-list-label">
                <image src="/static/mall_icon/mallLocation.png"></image>
                {{address}}
            </view>
        </view>
        <view class="couponCompany-tel">
            <image src="/static/mall_icon/mallTel.png"></image>
            <text bindtap="makeCall" >联系客服</text>
        </view>
    </view>

    <view class="couponCode couponExplain">
        <view class="couponExplain-info-title">使用说明</view>
        <view class="couponExplain-list">
            <view class="couponExplain-list-label">
                <text>有效期：</text>
                {{start_at}}至{{end_at}}
            </view>
            <view class="couponExplain-list-label">
                <text>使用规格则：</text>
                {{rule}}
            </view>
        </view>
    </view>
</view>