weilaiGo/pages/recharge/recharge.wxml

<view class="box" wx:if="{{arr!='' && hot!=''}}">
  <view class="top">
    <text>电单车骑行卡</text>
    <text>购卡骑行更划算</text>
  </view>
  <view class="hot" style="background-image:url('http://resource.weilaigo.l4j.cn/recharge/hot_active.png')" bindtap="hot" wx:if="{{hot}}">
    <text class="frequency" wx:if="{{hotInfo.is_limit_times==1}}">{{hotInfo.times}}次/{{hotInfo.effective_days}}天</text>
    <text class="frequency" wx:if="{{hotInfo.is_limit_times==0}}">{{hotInfo.effective_days}}天不限次</text>
    <view class="info">
      <text>{{hotInfo.now_price}}</text>
      <text wx:if="{{hotInfo.is_discount==1}}">原价{{hotInfo.price}}</text>
    </view>
    <view class="buy" bindtap="buy1">
      <text>购买</text>
    </view>
  </view>
  <view class="list">
    <view class="view" wx:for="{{arr}}" wx:key="key">
      <text class="text" wx:if="{{item.is_limit_times==1}}">{{item.times}}次/{{item.effective_days}}天</text>
      <text class="text" wx:if="{{item.is_limit_times==0}}">{{item.effective_days}}天不限次</text>
      <view class="money">
        <text>{{item.now_price}}</text>
        <text wx:if="{{item.is_discount==1}}">原价{{item.price}}</text>
      </view>
      <view class="position" wx:if="{{item.is_discount==1}}">
        <text>限时{{item.discount}}折</text>
      </view>
      <view class="buy" bindtap="buy" data-id="{{item.id}}" data-index="{{index}}">
        <text>购买</text>
      </view>
    </view>
  </view>
  <view class="background" wx:if="{{info}}" bindtap="background"></view>
  <view class="model" wx:if="{{info}}">
    <view class="view">
      <text class="title">购买骑行卡</text>
      <view class="content">
        <view class="count">
          <view class="count_a">
            <text class="text" wx:if="{{infoDetail.is_limit_times==1}}">{{infoDetail.times}}次</text>
            <text class="text" wx:if="{{infoDetail.is_limit_times==0}}">不限次</text>
            <text>(有效期{{infoDetail.effective_days}}天)</text>
          </view>
          <view class="count_b">
            <text>￥{{infoDetail.now_price}}</text>
            <text wx: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" bindtap="form">
        <text>{{infoDetail.now_price}}元购买</text>
      </view>
    </view>
    <image src="http://resource.weilaigo.l4j.cn/recharge/guanbi.png" style="width:48rpx;height:48rpx;" class="over1" bindtap="background"></image>
  </view>
</view>
<view class="none" wx:if="{{arr=='' && hot==''}}">
  <image src="/img/none.png" style="width:300rpx;height:300rpx;"></image>
  <text>暂无骑行卡</text>
</view>