wx-mls/pages/couponDetail/couponDetail.wxml

<view class="container">
  <header text="我的优惠券" bind:back="handleBack"></header>
  <view class="content">
    <view wx:if="{{status == 0}}">
      <view class="title">{{couponInfo.coupon_name}}</view>
      <view class="time">{{couponInfo.end_time}}到期</view>
    </view>
    <view class="code-box" wx:if="{{status == 0}}">
      <!-- 显示二维码 -->
      <block wx:if="{{codeType === 'qr'}}">
        <image bindtap="onChange" class="code-img" src="{{'data:image/png;base64,' + couponInfo.qr_code}}" mode="aspectFit" />
        <view class="code-text">使用时向服务员出示此码</view>
        <view class="barcode" bindtap="toggleCode">切换至条形码</view>
      </block>
      <!-- 显示条形码 -->
      <block wx:elif="{{codeType === 'bar'}}">
        <image bindtap="onChange" class="code-img" src="{{'data:image/png;base64,' + couponInfo.bar_code}}" mode="aspectFit" />
        <view class="code-text">使用时向服务员出示此码</view>
        <view class="barcode" bindtap="toggleCode">切换至二维码</view>
      </block>
    </view>
    <view class="code-box" wx:if="{{status == 1}}">
      <image class="yhx-img" src="{{baseUrl + '/static/image/yhx-bg.png'}}" mode="aspectFit"/>
      <view class="code-yhx-text">{{couponInfo.verify_status_text}}</view>
      <view class="barcode-yhx">{{couponInfo.verify_time}}核销</view>
    </view>
    <view class="store-box" bindtap="goPage">
      <view class="box-lf">
        <image class="store-img" src="/static/image/md.png" mode="aspectFit"/>
        <view>适用门店</view>
      </view>
      <view class="box-ri">
        <view>去查看{{couponInfo.stores}}家</view>
        <image class="arrow-right" src="/static/image/arrow-right.png" mode="aspectFit"/>
      </view>
    </view>
    <view class="explanation">
      <image class="store-img" src="/static/image/sm.png" mode="aspectFit"/>
      <view class="explanation-text">
        <view>其他说明</view>
        <view class="period">时段设置:全天可用 00:00-23:59</view>
      </view>
    </view>
  </view>
</view>