register.wxml 3.21 KB
<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" 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 value="{{verifyCode}}" bindinput="bindVerifyCodeInput" class="ipt-input" placeholder="验证码" placeholder-class="placeholder" />
            <view bindtap="reqGetSmsRequest" class="ipt-verify">
              {{sendAuthCode ? "获取验证码": auth_time+"(s)"}}
            </view>
          </view>
        </view>
        <!-- 滑动拼图 -->
        <view class="puzzle">
          <view class="plz">
            <image src="../../image/oss/register/plz-cont.png" mode="widthFix" />
          </view>
          <view class="slider"></view>
        </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>
    </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>