laundry/pages/my/cashier/cashier.wxml

<!--pages/my/cashier/cashier.wxml-->
<view class="topBox flex ju-c m-bottom-25">
    <view class="num">¥1.00</view>
    <view class="tips m-top-30">充600元赠400元，相当于此单收费0.6元</view>
</view>

<view class="centerBox">
    <view class="tit">支付方式</view>
    <view class="message flex ju-b">
        <view class="le flex">
            <image class="icon m-right-15" src="/image/icon/bag.png"></image>
            <text>余额0.00元(不足支付)</text>
        </view>
        <image class="active" src="/image/home/check.png"></image>
    </view>
    <view class="tit">推荐充值</view>
    <view class="content flex">
        <view class="items flex ju-c">
            <view class="name">充600元</view>
            <view class="val">赠送300元</view>

            <image src="/image/my/hot.png" class="icon"></image>
        </view>

        <view class="items flex ju-c">
            <view class="name">充300元</view>
            <view class="val">赠送100元</view>
        </view>

        <view class="items flex ju-c">
            <view class="name">充100元</view>
            <view class="val">赠送20元</view>
        </view>
    </view>
</view>

<view class="footerNav ju-c flex">
    <view class="btn btn-sky" bindtap="pay">支付1.00元</view>
</view>