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

<view class="box">
  <view class="top" a:if="{{arr!=''}}">
    <text>电单车骑行卡</text>
    <text>购卡骑行更划算</text>
  </view>
  <view a:if="{{arr!=''}}" class="card">
    <view  class="{{currentCard==hotInfo.id ? 'active' : 'card-list1'}}" onTap="changeCard" data-id="{{hotInfo}}">
      <view class="right-tips" a:if="{{hotInfo.is_discount==1}}" >限时{{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 class="yuanjia" a:if="{{hotInfo.is_discount==1}}">{{hotInfo.price}}元</text>
      </view>
    </view>
    <view class="card-list" a:for="{{arr}}" a:key="key">

      <view class="card-list-item" class="{{currentCard==item.id ? 'active1' : 'card-list-item'}}" onTap="changeCard" data-id="{{item}}">
      <view class="right-tips" a:if="{{item.is_discount==1}}">限时{{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 class="yuanjia" a:if="{{item.is_discount==1}}">{{hotInfo.price}}元</text>
          </view>
          <view class="card-tips" style="font-size:22rpx">单次最高抵扣{{item.deduction_money}}元</view>
        </view>
      </view>
    </view>

  </view>
<view class="buy-buttom" a:if="{{arr!=''}}" onTap="buyButtom">购买</view>
  <view class="background" a:if="{{info}}" onTap="background"></view>
  <view class="model" a:if="{{info}}">
    <view class="view">
      <text class="title">购买骑行卡</text>
      <view class="content">
        <view class="count">
          <view class="count_a">
            <text class="text" a:if="{{infoDetail.is_limit_times==1}}">{{infoDetail.times}}次</text>
            <text class="text" a:if="{{infoDetail.is_limit_times==0}}">不限次</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;">使用完毕或超出有效期</text>即视为无效。</text>
        <text>5.电单车骑行卡生效期间，每次骑行最多可抵扣<text
            style="color:red;">{{infoDetail.deduction_money}}</text>元骑行费用，超出部分依据计费规则计费。</text>
        <text>6.如当前已有次卡或月卡，需等当前拥有的卡<text style="color:red;">过期后才能</text>购买次卡。</text>
        <text>7.骑行卡获得后<text style="color:red;">立即生效</text>，一旦购买，不退还购买费用，不能转赠。</text>
        <text style="padding-bottom:20rpx;">8.骑行卡只适用于<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 class="none" a:if="{{arr=='' && hotInfo==''}}">
  <image src="../../img/nocard.png" ></image>
  <text>暂无骑行卡</text>
</view>