<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- logo -->
      <view class="logo">
        <image class="img" mode="widthFix" src="../../image/oss/register/logo.png" />
      </view>
      <!-- 表单 -->
      <view class="form">
        <view class="table">
          <!-- 手机号 -->
          <view class="ipt">
            <view class="ipt-icon">
              <image class="icon" mode="widthFix" src="../../image/oss/register/reg-icon-mobile.png" />
            </view>
            <input value="{{mobile}}" bindinput="bindMobileInput" class="ipt-input" placeholder="手机号" placeholder-class="placeholder" />
          </view>
          <!-- 名字 -->
          <view class="ipt">
            <view class="ipt-icon">
              <image class="icon" mode="widthFix" src="../../image/oss/register/reg-icon-user.png" />
            </view>
            <input value="{{name}}" bindinput="bindNameInput" class="ipt-input" placeholder="姓名" placeholder-class="placeholder" />
          </view>
          <!-- 生日 -->
          <picker mode="date" start="{{startTime}}" end="{{endTime}}" value="{{birthday}}" bindchange="bindBirthdayChange">
            <view class="ipt">
              <view class="ipt-icon">
                <image class="icon" mode="widthFix" src="../../image/oss/register/reg-icon-birthday.png" />
              </view>
              <input value="{{birthday}}" disabled="{{true}}" class="ipt-input" placeholder="生日" placeholder-class="placeholder" />
            </view>
          </picker>
          <!-- 登陆密码 -->
          <view class="ipt">
            <view class="ipt-icon">
              <image class="icon" mode="widthFix" src="../../image/oss/register/reg-icon-verify.png" />
            </view>
            <input password="{{true}}" value="{{password}}" bindinput="bindPasswordInput" class="ipt-input" placeholder="登陆密码" placeholder-class="placeholder" />
          </view>
          <!-- 滑动拼图 -->
          <view class="puzzle">
            <view class="plz">
              <image class="ebg" src="../../image/oss/register/plz-cont.png" mode="widthFix" />
              <block wx:if="{{!isPlzAuth}}">
                <image class="block shadow" mode="widthFix" src="../../image/oss/register/plz-block.png" />
                <image style="left:{{thumbX}}rpx;" class="block thumb" mode="widthFix" src="../../image/oss/register/plz-block-inline.png" />
              </block>
            </view>
            <view class="slider">
              <movable-area class="slider-bar">
                <view wx:if="{{!isPlzAuth}}" class="tips tips-wait">拖动左侧滑块，完成上方拼图验证</view>
                <view wx:else class="tips tips-authorized">验证成功</view>
                <movable-view wx:if="{{!isPlzAuth}}" x="{{movableViewX}}" bindchange="onThumbChangeHandler" direction="horizontal">
                  <image bindtouchend="onTouchEndHandler" class="slider-bar-thumb" mode="widthFix" src="../../image/oss/register/slider-block.png" />
                </movable-view>
              </movable-area>
            </view>
          </view>
          <!-- 验证码 -->
          <view class="ipt">
            <view class="ipt-icon">
              <image class="icon" mode="widthFix" src="../../image/oss/register/reg-icon-verify.png" />
            </view>
            <input value="{{verifyCode}}" bindinput="bindVerifyCodeInput" class="ipt-input" placeholder="验证码" placeholder-class="placeholder" />
            <view bindtap="reqGetSmsRequest" class="ipt-verify">
              {{sendAuthCode ? "获取验证码": auth_time+"(s)"}}
            </view>
          </view>
          <!-- 性别 -->
          <radio-group class="radio-group" bindchange="onSexRadioChange">
            <label class="radio" wx:for="{{sexList}}" wx:key="{{index}}">
              <radio color="#ba3138" value="{{item.value}}" checked="{{item.checked}}" />
              {{item.label}}
            </label>
          </radio-group>
        </view>
        <!-- 条款/政策 -->
        <view class="policy">
          <span bindtap="onTermsHandler" class="check">
            <image wx:if="{{isTerms}}" mode="widthFix" src="../../image/oss/register/check-c1.png" />
          </span>
          <span bindtap="onTermsHandler" class="t1">我同意</span>
          <span bindtap="onPolicyHandler" class="t2">《丸美会员注册绑定条款》</span>
        </view>
        <!-- 注册按钮 -->
        <view bindtap="doRegister" class="register-btn">注册</view>
        <view bindtap="toLoginHandler" class="accout-tips">
          已有账号，
          <span class="t1">立即登陆>></span>
        </view>
      </view>
    </view>
  </view>
</view>
<van-popup show="{{ tipsRegisteredVisible }}">
  <tips-register-ed-comp bind:evtcomp="evtcomp"></tips-register-ed-comp>
</van-popup>
<van-popup show="{{ tipsCommonVisible }}">
  <tips-common-comp bind:evtcomp="evtcomp" inner-text="{{tipsInnerText}}"></tips-common-comp>
</van-popup>