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">{{coupon_name}}</text>
      <text class="txt2">购买时间：{{couponTime}}</text>
    </view>
    <view class="detailsRight" wx:if="{{type==2}}"><image class="txt" src="../../static/coupon/txt.png"></image>{{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">券码:{{couponCode}}</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">{{couponCode}}</text>
      </view>
      <view class="detailsItem">
        <view class="sign"></view>
        <text class="itemTitle">类型</text>
        <text class="itemContent">{{couponType}}</text>
      </view>
      <view class="detailsItem">
        <view class="sign"></view>
        <text class="itemTitle">时间</text>
        <text class="itemContent">{{duration}}</text>
      </view>
      <view class="state">核销成功</view>
    </view>
    <view id="vCodeBox" wx:if="{{type==2}}">
      <input placeholder="输入短信验证码" placeholder-style="color:#FFFFFF;font-size:30rpx;" value="{{code_num}}" bindinput="changeCode"></input>
      <view class="countBox">
        <text>核销</text>
        <view class="countContent">{{nums}}
          <image class="symbolBox" src="../../static/coupon/symbolLeft.png" style="left:-5rpx;" bindtap="reduceCoupon"></image>
          <image class="symbolBox" src="../../static/coupon/symbolRight.png" style="right:-5rpx;" bindtap="addCoupon"></image>
        </view>
      </view>
    </view>
  </view>
  <button class="btn shadow {{state==1?'select':''}}" bindtap="writeOff" wx:if="{{state!=2}}">核销</button>
  <button class="btn shadow" bindtap="goHome" wx:else>确定</button>
</view>