<view class="postage">
  <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000">
    <block wx:key='item' wx:for="{{msgList}}">
      <swiper-item>
        <text class='swiper_item'>尾号为<text class="important">{{item.phone}}</text>的用户,<text class="important">{{item.type}}</text>节省<text class="important">{{item.discount}}</text>元</text>
      </swiper-item>
    </block>
  </swiper>
  <view class="placeholder"></view>
  <!-- <view class="tips" wx:if="{{tips}}">{{tips}}</view> -->
  <!-- 选择油卡 -->
  <view class="tabs">
    <view class="tabs-content border-top-radius">
      <view class="tabs-content__tips">
        <text class="tabs-content__tips-text">选择手机号</text>
        <!-- <image class="tabs-content__tips-add" src="/image/postage/add.png"></image> -->
      </view>
      <view class="card-no vux-1px-b" bindtap="handlerAddCard">
        {{card_no}}
      </view>
      <view class="info">
				<image src="/image/info.png" class="infoIcon"></image>
				<view class="label">请仔细核对手机号，避免造成不必要的损失</view>
			</view>
    </view>
  </view>
  
  <!-- 充值挡位 -->
  <view class="rechargeGear" wx:if="{{goods.length}}">
    <view class="rechargeGear-title">充值面额</view>
    <view class="rechargeGear-content">
      <view class="rechargeGear-content__item {{rechargeGearActiveIndex == index ? 'active' : ''}}" wx:for="{{goods}}" wx:key="index" 
      bindtap="handlerClickRechargeGear" data-activeindex="{{index}}" data-currentvalue="{{item.goods_id}}">
        <view class="faceValue">{{item.goods_spec}}</view>
        <view class="price" wx:if="{{item.goods_storage > 0}}">{{item.price_des}} {{item.accu_price}} 元</view>
        <view class="price" wx:else>已售空</view>
      </view>
    </view>
  </view>

  <view class="payInfo" bindtap="onCheckedPayInfo">
		<image wx:if="{{!payInfoChecked}}" src="/image/check.png" class="payInfoIcon" ></image>
		<image wx:else src="/image/checked.png" class="payInfoIcon"></image>
		<view class="label">已阅读并同意<text class="explain" catchtap="onShowPayInfoModal">《话费充值服务说明》</text></view>
	</view>

	<view class="info info-2" wx:if="{{inviter_tip}}" style="padding-left:40rpx;">
		<image src="/image/info.png" class="infoIcon"></image>
		<view class="labelInviter">{{inviter_tip}}</view>
	</view>

  <view class="rechargeGear-footer" style="background:transparent;padding:0;">
    <view class="btn-rechargeNow btn-rechargeNow___share" wx:if="{{show_invite}}" bindtap="onShowShareDialog">
      <text>邀请好友助力</text>
    </view>
    <button class="btn-rechargeNow btn-rechargeNow___share" wx:else open-type="share">
      <text>分享给好友</text>
    </button>
    <view class="btn-rechargeNow" bindtap="handlerRecharge">
      <text>充值</text>
    </view>
  </view>

  <view class="footerInfo">
		<view class="title">充值说明</view>
 		<view class="clause">1.充值优惠来自充值平台补贴；</view>
		<view class="clause">2.充值后1-10分钟左右到账，运营商将发充值成功短信至充值手机</view>
		<view class="clause">3.如需开发票请至相应的手机运营商官方APP开取电子发票；</view>
	</view>
</view>

<shareDialog showDialog="{{showShareDialog}}"  goods_id="{{goods_id}}" bind:closeDialog="onCloseShareDialog"/>
<termsOfService show="{{showtermsOfServiceDialog}}" bind:close="onShowtermsOfServiceDialog" />
<kefu />