bike-weapp/pages/real_name/real_name.wxml

<view class="box"
	style="padding-bottom:{{state3==3 && index ==2  && cardList.length>2 ? '200rpx' : '0rpx'}};height:auto;">
	<view class="top" wx:if="{{hidden}}">
		<!-- 步骤 -->
		<view class=" flexCC {{state1==1?'active2':''}}">
			<image src="http://resource.bike.hanyiyun.com/success1.png"></image>
			<text style="color:#18D5B9;">手机验证</text>
		</view>
		<text class="text  {{state2==2?'active1':''}}" style="margin-right:-26rpx;"></text>
		<view class="flexCC {{state2==2?'active2':''}}" wx:if="{{setting.is_card==1}}">
			<image src="http://resource.bike.hanyiyun.com/success1.png" wx:if="{{state3==3}}"></image>
			<image
				src="{{state2==2?'http://resource.bike.hanyiyun.com/loading1.png':'http://resource.bike.hanyiyun.com/xiaobanma/time.png'}}"
				wx:else></image>
			<text>完善信息</text>
		</view>
		<text class="text text1 {{state3==3?'active1':''}}" wx:if="{{setting.is_card==1}}"></text>
		<view class="flexCC {{state3==3?'active2':''}}" wx:if="{{setting.is_deposit==1}}">
			<image
				src="{{state3==3?'http://resource.bike.hanyiyun.com/success1.png':'http://resource.bike.hanyiyun.com/circular.png'}}">
			</image>
			<text>缴纳押金</text>
		</view>
		<text class="text text2 {{state4==4?'active1':''}}" wx:if="{{setting.is_deposit==1}}"></text>
		<view class="flexCC {{state4==4?'active2':''}}">
			<image
				src="{{state4==4?'http://resource.bike.hanyiyun.com/loading1.png':'http://resource.bike.hanyiyun.com/circular.png'}}">
			</image>
			<text>完成</text>
		</view>
	</view>
	<view class="block"></view>
	<!-- 实名认证 -->
	<view wx:if="{{state2==2 && index==1}}">
		<view class="realName">
			<view class="hint">
				<view class="title">完善信息</view>
				<text style="color:#f00;margin-right:5rpx;">*</text>
				<text>根据我国法律规定，我们仅为年龄16至65周岁的用户提供{{title}}电车服务</text>
			</view>
			<view class="inp">
				<view class="title">真实姓名</view>
				<input placeholder="请输入您的真实姓名" placeholder-class="place" bindblur="ckName" value="{{nameVal}}" bindinput="name"
					bindconfirm="namefirm"></input>
				<view class="title">身份证号</view>
				<input placeholder="请输入您的身份证号" placeholder-class="place" bindblur="ckCard" value="{{cardVal}}" bindinput="input"
					bindconfirm="valuefirm" type="idcard"></input>
			</view>
			<view class="btn">
				<view class="button flexC" bindtap="submit">提交申请</view>
				<view bindtap="privacy">提交即表示已阅读并同意《个人隐私条约政策》</view>
			</view>
			<view class="service" bindtap="phone">
				<image src="https://resource.bike.hanyiyun.com/service.png"></image>
				<text>人工认证</text>
			</view>
		</view>
	</view>
	<!-- 选取手机验证方式 -->
	<view class="shortcut" wx:if="{{state1==1 && index==0 && index1 == 0 }}">
		<view class="btn obtain">
			<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">一键获取手机号</button>
			<view bindtap="manual">手动输入手机号</view>
			<!-- <text style="font-size: 26rpx;color: red;padding-top: 50rpx;">*注：获取手机号仅用于</text> -->
		</view>
		<view class="btm_msg">
    点击授权，即表示已阅读并同意<text bindtap="agreement">《法律条款与用户协议》</text>
  </view> 
	</view>
	<!-- 手机验证码验证 -->
	<view wx:if="{{state1==1 && index==0 && index1 == 1 }}">
		<view class="phone">
			<view class="put1">
				<input placeholder="请输入您的手机号" placeholder-class="place1" bindblur="ckPhone" value="{{phoneVal}}"
					disabled="{{phoneDisabele}}" type="number" bindinput="ckPhone"></input>
			</view>
			<view class="put2">
				<input placeholder="请输入验证码" placeholder-class="place1" bindblur="ckSms" value="{{smsVal}}" bindinput="ckSms"
					bindconfirm="ckSms" type="number"></input>
				<text bindtap="{{code == '获取验证码' ? 'getCode' : ''}}" disabled="{{codeDisable}}">{{code}}</text>
			</view>
		</view>
		<view class="phone_check flexC" bindtap="verify">
			<text>立即验证</text>
		</view>
		<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="phone_check flexC">一键获取手机号</button>
	</view>
	<!-- 缴纳押金 -->
	<view wx:if="{{state3==3 && index ==2}}">
		<view class="deposit">
			<view class="content">
				<view class="title1" style="margin:28rpx 0 28rpx 0;">押金充值</view>
				<view class="info {{depShow?'activeBg':'normalBg'}}" bindtap="cut">
					<view class="money">
						<view>用车押金（元）</view>
						<view class="sum">{{money}}</view>
						<view style="font-size:24rpx; opacity: .8;">押金可随时退还（快速到账）</view>
					</view>
					<view class="state">
						{{statusIndex==0 || state.deposit_type == 2?'未缴纳':statusIndex==1&& state.deposit_type == 1?'已缴纳':''}}</view>
				</view>
				<view class="avoid" wx:if="{{cardList!=''}}">
					<text class="right" wx:if="{{state.deposit_type==2}}">{{state.deposit_expire_time}}</text>
					<text bindtap="explain">购买免押金卡</text>
					<image src="http://resource.bike.hanyiyun.com/weilai/issue.png" bindtap="explain"></image>
					<view>免押金卡不可退</view>
				</view>
				<view class="avoidCard" wx:if="{{cardList!=''}}">
					<view class="detail flexCC {{curShow==item.id?'active':'normal'}}" bindtap="cut" wx:key="index"
						wx:for="{{cardList}}" data-id="{{item.id}}">
						<view>
							<text class="money1">¥</text>
							<text>
								<text wx:if="{{item.price != item.discounted_price}}" class="discount_price">
									{{item.discounted_price}}</text>
								<text wx:if="{{item.price != item.discounted_price}}"> / </text>
								<text class="{{item.price != item.discounted_price ? 'price' : 'discount_price'}}"> {{item.price}}
								</text>
							</text>
						</view>
						<!-- <view class="date">当前骑行天数剩余<text style="font-weight:blod;">{{}}</text>天</view> -->
						<view class="date">免押金<text
								style="font-weight:blod;padding:0rpx 4rpx;font-size:36rpx;">{{item.effective_days}}</text>天</view>
					</view>
				</view>
				<view class="payBtn" wx:if="{{statusIndex == 0 || state.deposit_type!=1}}">
					<!-- setting.is_student==1 -->
					<!-- <block wx:if="{{false}}">
						<text class="renzheng" bindtap="student" wx:if="{{userState.is_exist_auth_student==false}}">去完成学生认证即可享受免押金用车~</text>
						<text class="renzheng" wx:if="{{userState.is_exist_auth_student.auto_status==0}}">正在审核学生认证，请稍后~</text>
						<text class="renzheng" bindtap="student" wx:if="{{userState.is_exist_auth_student.auto_status==2}}">学生认证审核失败，点击重试</text>
						<text class="renzheng" wx:if="{{userState.is_exist_auth_student==true}}">学生认证已完成，你已享受免押金骑行~</text>
					</block> -->
					<view class="pay flexC" bindtap="{{depoSuce==true ? 'depoSuce' : ''}}">立即支付</view>
					<view class="order" bindtap="agreement">
						<text>支付即表示已阅读并同意</text>
						<text style="color:#03D6B7;">《法律充值条约政策》</text>
					</view>
				</view>
			</view>
		</view>
	</view>
	<!-- 认证成功 -->
	<view class="success flexCC" wx:if="{{state4==4 && index == 3}}">
		<image src="http://resource.bike.hanyiyun.com/success2.png"></image>
		<view>认证成功!</view>
		<view class="button flexC" bindtap="backPage">返回首页（{{count}}s）</view>
	</view>
</view>