<view class="couponbg">
    <view class="title">{{title}}</view>
    <view class="subtitle">{{subtitle}}</view>
    <image class='line' src='./../../assets/img/line.png' mode="widthFix"></image>
    <!-- 
        couponorderstatus
        0 未使用
        1 已使用
        2 已过期
        3 已经退款
     -->

    <view class="zhuangtai">
        <image wx:if="{{couponorderstatus==1}}" src="./../../assets/img/wm01.jpg" mode='widthFix'></image>
        <image wx:if="{{couponorderstatus==2}}" src="./../../assets/img/wm02.jpg" mode='widthFix'></image>
        <image wx:if="{{couponorderstatus==3}}" src="./../../assets/img/wm03.jpg" mode='widthFix'></image>
        <view class="panel" wx:if="{{couponorderstatus==0}}">
            <view class="barcode">
                <canvas canvas-id="barcode" />
            </view>
            <view class="qrcode">
                <canvas canvas-id="qrcode" />
            </view>
            <view class="barnum buy"><text>兑换码:</text>{{code}}</view>
        </view>
    </view>
    <image class='line' style='margin-top:0;margin-bottom:16rpx;' src='./../../assets/img/line.png' mode="widthFix"></image>
    <view class="gou">
        <view class="mai">购买须知:</view>
        <view class="remark">{{remark}}</view>
    </view>
</view>
<view class='game' bindtap="gotogame" wx-if="{{showIf}}">
  <view class='game-entry'> 
    <image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image>
    <text>用户专享神秘礼物</text>
    <text>独家福利，抢完即止</text>
  </view>
</view>