laundry/pages/home/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="flex ju-b">
            <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>

            <image src="/image/home/check.png" class="icon" wx:if="{{index == 0}}"></image>
            <image src="/image/home/check-not.png" class="icon" wx:else></image>
        </view>
        <view class="line"></view>
        <view class="footer ">
            <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="footerNav flex ju-e">
    <view class="flex tips">
        已选1张，可减<view class="flex code "><text>￥</text>
            <text class="val">15</text>
        </view>
    </view>

    <view class="btn btn-sky m-left-25">确定</view>
</view>


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