login.wxml
3.49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<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 type="number" value="{{mobile}}" bindinput="bindMobileInput" 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 type="number" 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="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="doLogin" class="register-btn">登陆</view>
<view bindtap="toRegisterHandler" 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>