ittwxcust/pages/buy/buy.wxml

<!--pages/buy/buy.wxml-->
<view class="buy-container">
  <view class="header">
    <view class="info">
      <view class="img"></view>
      <text class="name">测试用户</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>
      <view class="pay-item four-time {{payType == 1 ? 'pay-item-active' : ''}}" data-type="1" bindtap="handlePayType">
        <view class="p-title-flex">
          <view class="light-text ittflex">荐</view>
          <text class="sub-title">4次套餐卡</text>
        </view>
        <view class="p-prise">
          <text class="p-tag">¥</text>
          <text class="p-num">796</text>
        </view>
        <view class="tips">加赠4次，共8次</view>
        <view class="mark ittflex" wx:if="{{payType == 1}}">
          <van-icon name="success" color="#fff" />
        </view>
      </view>
    </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>