payProject/pages/payList/payList.wxml

<view class='mine'>
  <view class='tabble' style="height:{{rectHeight}}px; margin-left:5px">
    <view class='back' bindtap="back">
      <image class='back-icon' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1675760183511.png'></image>
    </view>
  </view>
  <view class='my-pay-list-div' style="margin-top:{{rectHeight}}px">
    <view class='pay-list'>
      <view class='title'>
        <image class='weixin-icon' src='https://video-h5.fyshark.com/total_picture/1667549213343.png'></image>
        <text class='type-name'>充值金额</text>
        <view class='my-money-coin'>
          <text>账户余额：</text>
          <text class='my-money-coin-text'>{{total_coin}}</text>
          <text>点券</text>
        </view>
      </view>
      <view class='recharge-list'>
        <view class='pay-item-div' wx:for="{{pay_list}}" data-item="{{item}}" style="background-image: url({{item.tag.length > 0?'https://video-h5.fyshark.com/total_picture/1665728913708.png':'https://video-h5.fyshark.com/total_picture/1665728895447.png'}});" bindtap="toOrder">
          <view wx:if="{{item.tag.length > 0}}" class='pay-item-tag'>
            <text class='pay-item-tag-txt'>{{item.tag}}</text>
          </view>
          <view class='pay-item-money'>
            <text>{{item.money / 100}}</text>
            <text class='pay-item-money-txt'>元</text>
          </view>
          <view class='pay-item-line'></view>
          <view class='pay-item-coin'>
            <text>{{item.title}}</text>
          </view>
          <view wx:if="{{item.sub_title.length}}" class='pay-item-pin'>{{item.sub_title}}</view>
        </view>
      </view>
    </view>
  </view>
  <view class='my-pay-list-hint'>
    <view class='my-pay-list-hint-text'>温馨提示：</view>
    <view class='my-pay-list-hint-text'>1.点券和会员属于虚拟商品，一经购买不得退换。</view>
    <view class='my-pay-list-hint-text'>2.充值后点券可能有延迟，1小时内未到账请与客服联系。</view>
    <view class='my-pay-list-hint-text'>3.未满18岁的未成年人应在父母或者监护人的监护指导、同意下进行相关操作。</view>
  </view>
</view>