bike-alipay/pages/buy-card/buy-card.axml

<view class="box">
  <view a:if="{{arr!='' || hotInfo}}"  class="top">
    <text>电单车骑行卡</text>
    <text>购卡骑行更划算</text>
  </view>
  <view class="card">
    <view
      class="{{currentCard==hotInfo.id ? 'active' : 'card-list1'}}"
      onTap="changeCard"
      data-id="{{hotInfo}}"
    >
      <view a:if="{{hotInfo.is_discount==1}}" class="right-tips">
        限时{{item.discount}}折
      </view>
      <!--  -->
      <view class="card-title">
        <text a:if="{{hotInfo.is_limit_times==1}}">
          {{hotInfo.times}}次/{{hotInfo.effective_days}}天
        </text>
        <text a:if="{{hotInfo.is_limit_times==0}}">{{hotInfo.effective_days}}天不限次</text>
      </view>
      <view class="card-tips">单次最高抵扣{{hotInfo.deduction_money}}元</view>
      <view class="card-money">
        <text class="money-num">{{hotInfo.now_price}}</text>元
        <text a:if="{{hotInfo.is_discount==1}}" class="yuanjia">
          {{hotInfo.price}}元
        </text>
      </view>
    </view>
    <view a:for="{{arr}}" class="card-list" a:key="key">

      <view
        class="card-list-item"
        class="{{currentCard==item.id ? 'active1' : 'card-list-item'}}"
        onTap="changeCard"
        data-id="{{item}}"
      >
        <view a:if="{{item.is_discount==1}}" class="right-tips">
          限时{{item.discount}}折
        </view>
        <view class="card-content">
          <view class="card-title">
            <text a:if="{{item.is_limit_times==1}}">
              {{item.times}}次/{{item.effective_days}}天
            </text>
            <text a:if="{{item.is_limit_times==0}}">{{item.effective_days}}天不限次</text>
          </view>
          <view class="item-money">
            <text class="money-num">{{item.now_price}}</text>元
            <text a:if="{{item.is_discount==1}}" class="yuanjia">{{hotInfo.price}}元</text>
          </view>
          <view class="card-tips" style="font-size:22rpx">
            单次最高抵扣{{item.deduction_money}}元
          </view>
        </view>
      </view>
    </view>

  </view>
  <view a:if="{{arr!='' || hotInfo!=''}}" class="buy-buttom" onTap="buyButtom">购买</view>
  <view a:if="{{info}}" class="background" onTap="background"></view>
  <view a:if="{{info}}" class="model">
    <view class="view">
      <text class="title">购买骑行卡</text>
      <view class="content">
        <view class="count">
          <view class="count_a">
            <text a:if="{{infoDetail.is_limit_times==1}}" class="text">
              {{infoDetail.times}}次
            </text>
            <text a:if="{{infoDetail.is_limit_times==0}}" class="text">不限次</text>
            <text>(有效期{{infoDetail.effective_days}}天)</text>
          </view>
          <view class="count_b">
            <text>￥{{infoDetail.now_price}}</text>
            <text a:if="{{infoDetail.is_discount==1}}">{{infoDetail.price}}</text>
          </view>
        </view>
        <text class="title1">使用规则</text>
        <text>1.用户购买电单车骑行卡后，对应
          <text style="color:red;">骑行卡的优惠权益立即生效</text>。</text>
        <text>2.骑行卡
          <text style="color:red;">无法抵扣订单调度费</text>。</text>
        <text>3.请在有效期内使用，骑行卡
          <text style="color:red;">使用完毕或超出有效期</text>即视为无效。</text>
        <text>4.电单车骑行卡生效期间，每次骑行最多可抵扣
          <text style="color:red;">
            {{infoDetail.deduction_money}}
          </text>
          元骑行费用，超出部分依据计费规则计费。
        </text>
        <text>5.骑行卡
          <text style="color:red;">一旦购买，不能退还，不能转赠</text>。</text>
        <text style="padding-bottom:20rpx;">
          6.骑行卡只适用于
          <text style="color:red;">分时租赁</text>，不支持日租用车使用。
        </text>
      </view>
      <view class="btn1" onTap="form">
        <text>{{infoDetail.now_price}}元购买</text>
      </view>
    </view>
    <image
      src="{{img}}weapp/guanbi.png"
      style="width:48rpx;height:48rpx;"
      class="over1"
      onTap="background"
    >
    </image>
  </view>
</view>
<view a:if="{{arr=='' && hotInfo==''}}" class="none">
  <image src="../../img/nocard.png"></image>
  <text>暂无骑行卡</text>
</view>