|
...
|
...
|
@@ -4,105 +4,140 @@ |
|
|
|
<p>{{formTip}}</p>
|
|
|
|
</div>
|
|
|
|
<div class="form">
|
|
|
|
<form action="">
|
|
|
|
{{# form}}
|
|
|
|
<form id="application-form" c-id="{{id}}" action="">
|
|
|
|
<p class="clearfix">
|
|
|
|
<label for="user-name">姓名：</label>
|
|
|
|
<input id="user-name" class="char" type="text">
|
|
|
|
<input id="userName" name="userName" class="char required" type="text" value="{{name}}">
|
|
|
|
</p>
|
|
|
|
<p class="clearfix">
|
|
|
|
<label for="user-tell">手机：</label>
|
|
|
|
<input id="user-tell" class="char" type="text">
|
|
|
|
<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="user-verification" class="char" type="text">
|
|
|
|
<input id="userVerification" name="verification" class="char" type="text">
|
|
|
|
<i class="verification-icon">验证码错误</i>
|
|
|
|
</p>
|
|
|
|
<p class="address-char clearfix">
|
|
|
|
<label for="user-address">地址：</label>
|
|
|
|
<span id="user-address" class="varchar" contentEditable="true"></span>
|
|
|
|
<span id="userAddress" class="varchar" contentEditable="true">{{address}}</span>
|
|
|
|
</p>
|
|
|
|
<p class="clearfix">
|
|
|
|
<label for="user-age">年龄：</label>
|
|
|
|
<input id="user-age" class="char" type="text">
|
|
|
|
<input id="userAge" name="age" class="char required" type="text" value="{{age}}">
|
|
|
|
</p>
|
|
|
|
<p class="clearfix">
|
|
|
|
<p class="gender-select clearfix">
|
|
|
|
<label>性别：</label>
|
|
|
|
<input id="gender-male" class="radio checked" name="user-gender" type="radio" value="男" checked>
|
|
|
|
<label class="radio-label" for="gender-male">男</label>
|
|
|
|
<input id="gender-female" class="radio" name="user-gender" type="radio" value="女">
|
|
|
|
<label class="radio-label" for="gender-female">女</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="clearfix">
|
|
|
|
<p class="skin-select clearfix">
|
|
|
|
<label>肤质：</label>
|
|
|
|
<input id="skin1" class="radio checked" name="user-skin" type="radio" value="中性" checked>
|
|
|
|
<label class="radio-label radio-long-label" for="skin1">中性</label>
|
|
|
|
<input id="skin2" class="radio" name="user-skin" type="radio" value="干性">
|
|
|
|
<label class="radio-label radio-long-label" for="skin2">干性</label>
|
|
|
|
<input id="skin3" class="radio" name="user-skin" type="radio" value="油性">
|
|
|
|
<label class="radio-label radio-long-label" for="skin3">油性</label>
|
|
|
|
<input id="skin4" class="radio" name="user-skin" type="radio" value="混合">
|
|
|
|
<label class="radio-label radio-long-label" for="skin4">混合</label>
|
|
|
|
<input id="skin5" class="radio" name="user-skin" type="radio" value="敏感">
|
|
|
|
<label class="radio-label radio-long-label" for="skin5">敏感</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="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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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="clearfix">
|
|
|
|
<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" contentEditable="true">
|
|
|
|
<span class="placeholder">你可以从肌肤现有问题，钟爱哪些产品等方面提交申请理由</span>
|
|
|
|
</div>
|
|
|
|
<p class="clearfix">
|
|
|
|
<input class="submit-btn" type="button" value="免费申请">
|
|
|
|
<input id="submit-btn" class="submit-btn" type="submit" value="免费申请">
|
|
|
|
</p>
|
|
|
|
</form>
|
|
|
|
{{/ form}}
|
|
|
|
</div>
|
|
|
|
</div> |
|
|
\ No newline at end of file |
...
|
...
|
|
