minixyz/pages/postage/postage.wxml

<view class="postage">
	<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 != ''}}">{{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" 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">
		<view class="btn-rechargeNow" bindtap="onShowShareDialog">
			<text>领取补贴</text>
		</view>
		<view class="btn-rechargeNow  btn-rechargeNow___share" bindtap="handlerRecharge">
			<text>充值</text>
		</view>
	</view>

	<view class="footerInfo">
		<view class="title">充值说明</view>
		<view class="clause">1.充值后1-10分钟左右到账，中石油或者中石化公众号将发充值成功信息至加油卡捆绑微信；</view>
		<view class="clause">2.本服务为全国加油卡代充服务、故<text>不提供充值发票</text>；</view>
		<view class="clause">3.支付成功后，需收到充值成功通知短信后，方可到<text>加油站圈存</text>后加油使用；</view>
	</view>
</view>

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