laundry/pages/my/coupon/coupon.wxml

<view class="topBoxs flex ju-b">
    <!-- <van-field input-class="input"  placeholder="请输入您的优惠码" custom-style="padding:0" border="{{ false }}"  bind:change="changeBtn" clearable /> -->
    <view class="input flex ju-b">

    <input class="" value="{{code}}" type="text" placeholder="请输入您的优惠码" bindinput="changeBtn" />
    <van-icon name="close" wx:if="{{isNum}}" bindtap="clearValue"/>
    </view>
    <view class="now {{isNum?'skyBlue' : 'gray'}}" bindtap="exchange">立即兑换</view>
</view>

<view class="listBoxs" >
    <view class="itemBoxs {{item.isExpire?'opct' : ''}}" wx:for="{{shopping}}" wx:key="{{index}}">
        <view class="top ">
            <view class="le flex ju-b">
                <view class="tit">新人特惠洗护券</view>
                <view class="num">
                    <text class="logo">￥</text>
                    <text>15</text>
                </view>
            </view>
            <view class="lr  flex ju-b">
                <view class="time">2021.12.06到期</view>

                <view class="old">
                    满30可用
                </view>
            </view>
        </view>
        <view class="line"></view>
        <view class="footer flex ju-b">
            <view class="le " bindtap="change">
                <collapse list="{{item.list}}"></collapse>
            </view>
            <view class="lr" wx:if="{{!item.isExpire}}">分享好友</view>
            <image src="/image/coupon/yilingqu.png" class="guoqi" wx:else></image>
        </view>
    </view>
</view>

<van-empty
wx:if="{{shopping.length == 0}}"
  class="custom-image"
  image="/image/coupon/no-coupons.png"
  description="暂无优惠券"
/>

<view class="footerTips flex ju-b">

    <view class="le flex">
        <text>优惠券使用说明</text>
        <van-icon name="arrow" color="#A5A8AD" size="20rpx" />
    </view>
    <view class="line"></view>
    <view class="lr flex">
        <text>查看过期优惠券</text>

        <van-icon name="arrow" color="#A5A8AD" size="20rpx" />

    </view>
</view>


<toast id='toast' icon="/image/icon/tips.png">
</toast>