application_form.html
8.41 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<div class="application-form">
<div class="application-tips">
<h2>TIPS</h2>
<p>{{formTip}}</p>
</div>
<div class="form">
{{# form}}
<form id="application-form" c-id="{{id}}" action="" onsubmit="return false;">
<p class="clearfix">
<label for="user-name">姓名：</label>
<input id="userName" name="userName" class="char required" type="text" value="{{name}}">
</p>
<p class="clearfix">
<label for="user-tell">手机：</label>
<input id="userTell" name="userTell" class="char required" type="text" value="{{tell}}">
<i class="verification-btn">获取验证码</i>
</p>
<p class="clearfix">
<label for="user-verification">验证码：</label>
<input id="userVerification" name="verification" class="required char" type="text">
<i class="verification-icon">验证码错误</i>
</p>
<p class="address-char clearfix">
<label for="user-address">地址：</label>
<span id="userAddress" class="varchar" contentEditable="true">{{address}}</span>
<!-- <input id="userAddress" class="varchar" type="text" value="{{address}}"> -->
</p>
<p class="clearfix">
<label for="user-age">年龄：</label>
<input id="userAge" name="age" class="char required" type="text" value="{{age}}">
</p>
<p class="gender-select clearfix">
<label>性别：</label>
<!-- <span class="select-item clearfix">
<input id="genderMale" class="gender radio" name="user-gender" type="radio" value="男" {{#if male}}checked{{/if}}>
<label class="radio-label {{#if male}}current{{/if}}" for="genderMale">男</label>
</span>
<span class="select-item clearfix">
<input id="genderFemale" class="gender radio" name="user-gender" type="radio" value="女">
<label class="radio-label {{#if female}}current{{/if}}" for="genderFemale">女</label>
</span> -->
{{#each gender}}
<span class="select-item clearfix">
<input id="gender{{@index}}" class="gender radio" name="user-gender" type="radio" value="{{value}}" {{#if default}}checked{{/if}}>
<label class="radio-label {{#if default}}current{{/if}}" for="gender{{@index}}">{{value}}</label>
</span>
{{/each}}
</p>
<p class="skin-select clearfix">
<label>肤质：</label>
<!-- <span class="select-item clearfix">
<input id="skin1" class="radio checked" name="user-skin" type="radio" value="中性" checked>
<label class="radio-label radio-long-label current" for="skin1">中性</label>
</span>
<span class="select-item clearfix">
<input id="skin2" class="radio" name="user-skin" type="radio" value="干性">
<label class="radio-label radio-long-label" for="skin2">干性</label>
</span>
<span class="select-item clearfix">
<input id="skin3" class="radio" name="user-skin" type="radio" value="油性">
<label class="radio-label radio-long-label" for="skin3">油性</label>
</span>
<span class="select-item clearfix">
<input id="skin4" class="radio" name="user-skin" type="radio" value="混合">
<label class="radio-label radio-long-label" for="skin4">混合</label>
</span>
<span class="select-item clearfix">
<input id="skin5" class="radio" name="user-skin" type="radio" value="敏感">
<label class="radio-label radio-long-label" for="skin5">敏感</label>
</span> -->
{{#each skin}}
<span class="select-item clearfix">
<input id="skin{{@index}}" class="radio" name="user-skin" type="radio" value="{{text}}" {{#if default}}checked{{/if}}>
<label class="radio-label radio-long-label {{#if default}}current{{/if}}" for="skin{{@index}}">{{text}}</label>
</span>
{{/each}}
</p>
<p class="clearfix">
<label>您的问题</label>
</p>
<p class="trouble-wrap clearfix">
<!-- <span class="select-item clearfix">
<input id="trouble1" class="checkbox" name="user-trouble" type="checkbox" value="干燥">
<em></em>
<label class="checkbox-label" for="trouble1">干燥</label>
</span>
<span class="select-item clearfix">
<input id="trouble2" class="checkbox" name="user-trouble" type="checkbox" value="过敏">
<em></em>
<label class="checkbox-label" for="trouble2">过敏</label>
</span>
<span class="select-item clearfix">
<input id="trouble3" class="checkbox" name="user-trouble" type="checkbox" value="松弛">
<em></em>
<label class="checkbox-label" for="trouble3">松弛</label>
</span>
<span class="select-item clearfix">
<input id="trouble4" class="checkbox" name="user-trouble" type="checkbox" value="细纹">
<em></em>
<label class="checkbox-label" for="trouble4">细纹</label>
</span>
<span class="select-item clearfix">
<input id="trouble5" class="checkbox" name="user-trouble" type="checkbox" value="出油">
<em></em>
<label class="checkbox-label" for="trouble5">出油</label>
</span>
<span class="select-item clearfix">
<input id="trouble6" class="checkbox" name="user-trouble" type="checkbox" value="痘痘">
<em></em>
<label class="checkbox-label" for="trouble6">痘痘</label>
</span>
<span class="select-item clearfix">
<input id="trouble7" class="checkbox" name="user-trouble" type="checkbox" value="红血丝">
<em></em>
<label class="checkbox-label" for="trouble7">红血丝</label>
</span>
<span class="select-item clearfix">
<input id="trouble8" class="checkbox" name="user-trouble" type="checkbox" value="色斑">
<em></em>
<label class="checkbox-label" for="trouble8">色斑</label>
</span>
<span class="select-item clearfix">
<input id="trouble9" class="checkbox" name="user-trouble" type="checkbox" value="肤色不均">
<em></em>
<label class="checkbox-label" for="trouble9">肤色不均</label>
</span> -->
{{#each problem}}
<span class="select-item clearfix">
<input id="trouble{{@index}}" class="checkbox" name="user-trouble" type="checkbox" value="{{text}}" {{#if default}}checked{{/if}}>
<em class="{{#if default}}current{{/if}}"></em>
<label class="checkbox-label" for="trouble{{@index}}">{{text}}</label>
</span>
{{/each}}
</p>
<div class="application-reason-wrap">
<div class="application-reason" contentEditable="true">
{{# reason}}
{{.}}
{{/ reason}}
{{^ reason}}
<span class="placeholder">你可以从肌肤现有问题，钟爱哪些产品等方面提交申请理由</span>
{{/ reason}}
</div>
</div>
<!-- <p class="clearfix">
<textarea class="application-reason"></textarea>
</p> -->
<p class="clearfix">
<input id="submit-btn" class="submit-btn" type="submit" value="免费申请">
</p>
</form>
{{/ form}}
</div>
</div>