<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" wx:if="{{tabsData.length}}">
		<view class="tabs-title">
			<view class="tabs-title-item {{currentIndex == index ? 'active' : ''}}" wx:for="{{tabsData}}" wx:key="index" bindtap="handlerClickTabItem" data-activeindex="{{index}}" data-cardtype="{{item.card_type}}">
				<image class="tabs-title-item__icon" src="{{item.icon}}"></image>
				<text class="tabs-title-item__text">{{ item.title}}</text>
			</view>
		</view>
		<view class="bindMobileBox">
			<view class="progressBar">
				<view class="dotBox dotBox1">
					<view class="dot"></view>
				</view>
				<view class="dotBox dotBox2">
					<view class="dot"></view>
				</view>
			</view>
			<view class="bindMobileLabel">手机号码</view>
			<view class="bindMobile" wx:if="{{member_mobile == ''}}" bindtap="onAuthenPhone">授权手机号码</view>
			<view class="bindMobile" wx:if="{{member_mobile != ''}}">
				<input type="number" maxlength="11" value="{{inputMobile}}" bindinput="onChangeMobile" placeholder="请输入手机号" style="color:#000;"></input>
			</view>
		 	<!-- <view class="bindMobile" wx:if="{{member_mobile != ''}}">{{member_mobile}}</view> -->
		</view>
		<view class="tabContent">
			<view class="tabs-content" wx:for="{{tabsData}}" wx:key="index" style='display:{{currentIndex !== index ? "none" : "block"}}'>
				<view class="tabs-content__tips">
					<text class="tabs-content__tips-text">{{item.tips}}</text>
				</view>
				<view class="card-no vux-1px-b" bindtap="handlerAddCard" data-cardtype="{{item.card_type}}">
					<block wx:if="{{ item.card_type === 'sinopec' }}">{{sinopec.card_no || '请输入以1开头的19位中石化加油卡号' }} </block>
					<block wx:if="{{ item.card_type === 'petrochina' }}">{{petrochina.card_no || '请输入以9开头的16位中石油加油卡号'}}</block>
				</view>
			</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">{{item.price_des}} {{item.accu_price}} 元</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}}">
		<image src="/image/info.png" class="infoIcon"></image>
		<view class="labelInviter">{{inviter_tip}}</view>
	</view>

	<view class="rechargeGear-footer">
		<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.本服务为全国加油卡代充服务、故<text>不提供充值发票</text>；</view>
		<view class="clause">4.支付成功后，需收到充值成功通知短信后，方可到<text>加油站圈存</text>后加油使用；</view>
	</view>
</view>

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