510_laomengkuang_wxsmall_shopper/pages/coupon/coupon.wxml

<!--pages/coupon/coupon.wxml-->
<view class="container" style="background-color:#f6f6f6;">
  <image class="couponImg" src="../../static/coupon/Coupon1.png"></image>
  <view class="detailsBox shadow">
    <image class="bottomBg" src="../../static/coupon/bottomBg1.png"></image>
    <image class="decorate" src="../../static/coupon/01.png"></image>
    <view class="detailsInfo">
      <text class="txt1">80元抵100元优惠券</text>
      <text class="txt2">购买时间：2020年02月25日</text>
    </view>
    <view class="detailsRight" wx:if="{{type==2}}">{{totalNums}}<text class="company">张</text>
    </view>
    <image class="logo" src="../../static/coupon/logo.png" wx:if="{{type==1}}"></image>
  </view>
  <view class="middleContent shadow">
    <view id="couponCheck" class="relative clearfix" wx:if="{{type==1&&state!=2}}">
      <image class="couponIcon" src="../../static/coupon/couponIcon.png"></image>
      <text class="number">078657</text>
      <view class="txt">此券有效</view>
    </view>
    <view id="couponDetails" class="relative clearfix" wx:if="{{type==1&&state==2}}">
      <view class="title">核销详情</view>
      <view class="detailsItem">
        <view class="sign"></view>
        <text class="itemTitle">券码</text>
        <text class="itemContent">H0001</text>
      </view>
      <view class="detailsItem">
        <view class="sign"></view>
        <text class="itemTitle">类型</text>
        <text class="itemContent">80元抵100元券</text>
      </view>
      <view class="detailsItem">
        <view class="sign"></view>
        <text class="itemTitle">时间</text>
        <text class="itemContent">2020年02月25日</text>
      </view>
      <view class="state">核销成功</view>
    </view>
    <view id="vCodeBox" wx:if="{{type==2}}">
      <input placeholder="输入短信验证码" placeholder-style="color:#FFFFFF;font-size:30rpx;"></input>
      <view class="countBox">
        <text>核销</text>
        <view class="countContent">{{nums}}
          <image class="symbolBox" src="../../static/coupon/symbolLeft.png" style="left:-1rpx;" bindtap="reduceCoupon"></image>
          <image class="symbolBox" src="../../static/coupon/symbolRight.png" style="right:-1rpx;" bindtap="addCoupon"></image>
        </view>
      </view>
    </view>
  </view>
  <button class="btn shadow" bindtap="writeOff">核销</button>
</view>