ittwxcust/pages/buy/buy.wxml

<!--pages/buy/buy.wxml-->
<view class="buy-container">
  <view class="header">
    <view class="info">
      <view class="img">
        <image class="headimg" src="{{appuserheadimg}}"></image>
      </view>
      <text class="name">{{appusername}}</text>
    </view>
    <view class="span">
      <text class="count">0</text>
      <text class="unit">次</text>
    </view>
  </view>
  <view class="chose-pay-type">
    <view class="title">选择检测套餐</view>
    <view class="pay-type">
      <!-- <view class="pay-item one-time {{payType == 0 ? 'pay-item-active' : ''}}" data-type="0" bindtap="handlePayType">
        <view class="p-title">一次体验卡</view>
        <view class="p-prise">
          <text class="p-tag">¥</text>
          <text class="p-num">199</text>
        </view>
        <view class="mark ittflex" wx:if="{{payType == 0}}">
          <van-icon name="success" color="#fff" />
        </view>
      </view> -->
      <block wx:for="{{goodsList}}" wx:key="index">
        <view class="pay-item four-time {{index == activeIndex ? 'pay-item-active' : ''}}" data-index="{{index}}" data-goodsinfo="{{item}}" bindtap="handlePayType">
          <view class="p-title-flex">
            <view class="light-text ittflex" wx:if="{{item.isRecommend}}">荐</view>
            <text class="sub-title">{{item.goodsName}}</text>
          </view>
          <view class="p-prise">
            <text class="p-tag">¥</text>
            <text class="p-num">{{item.salePrice}}</text>
          </view>
          <view class="tips">
            <text wx:if="{{item.donateNumber > 0}}">加赠{{item.donateNumber}}次，</text>
            <text>共{{item.donateNumber + item.useNumber}}次</text>
          </view>
          <view class="mark ittflex" wx:if="{{index == activeIndex}}">
            <van-icon name="success" color="#fff" />
          </view>
        </view>
      </block>
    </view>
  </view>
  <view class="wxpay">
    <view class="pay-con ittflex-jcs">
      <image class="wxpaypng" src="./../../imaes/wxpay.png"/>
      <text class="p-wxpay">微信</text>
    </view>
    <view class="check-icnon ittflex">
      <van-icon name="success" color="#fff" />
    </view>
  </view>
  <view class="pay-btn default-btn ittflex" bindtap="handleWXPay">立即支付</view>
  <view class="s-tips">购买成功后，体验次数立即到账，不可退款</view>
</view>