weilaiGo/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">
    <!-- 步骤 -->
    <view class=" flexCC {{state1==1?'active2':''}}">
      <image src="http://resource.weilaigo.l4j.cn/success1.png"></image>
      <text style="color:#18D5B9;">手机验证</text>
    </view>
    <text class="text  {{state2==2?'active1':''}}"></text>
    <view class="flexCC {{state2==2?'active2':''}}">
      <image src="http://resource.weilaigo.l4j.cn/success1.png" wx:if="{{state3==3}}"></image>
      <image src="{{state2==2?'http://resource.weilaigo.l4j.cn/loading1.png':'http://resource.weilaigo.l4j.cn/xiaobanma/time.png'}}" wx:else></image>
      <text>实名认证</text>
    </view>
    <text class="text text1 {{state3==3?'active1':''}}"></text>
    <view class="flexCC {{state3==3?'active2':''}}">
      <image src="{{state3==3?'http://resource.weilaigo.l4j.cn/success1.png':'http://resource.weilaigo.l4j.cn/circular.png'}}"></image>
      <text>缴纳押金</text>
    </view>
    <text class="text text2 {{state4==4?'active1':''}}"></text>
    <view class="flexCC {{state4==4?'active2':''}}">
      <image src="{{state4==4?'http://resource.weilaigo.l4j.cn/loading1.png':'http://resource.weilaigo.l4j.cn/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周岁的用户提供未来GO电车服务</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="http://resource.weilaigo.l4j.cn/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>
    </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.weilaigo.l4j.cn/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}}">
      <view  wx:if="{{setting.is_deposit==0}}"  class="pay flexC" bindtap="backPage">返回首页</view>
			<view wx:else 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.weilaigo.l4j.cn/success2.png"></image>
    <view>认证成功!</view>
    <view class="button flexC" bindtap="backPage">返回首页（{{count}}s）</view>
  </view>
</view>