register.html 1.8 KB

1234567891011121314151617181920212223242526
  1. <include file="index@block:header"/>
  2. <title>注册用户</title>
  3. <link rel="stylesheet" type="text/css" href="__TMPL__/index/public/assets/css/register.css?v={$version}" />
  4. <div id="app" v-cloak>
  5. <div class="tox_box">
  6. <div class="xixi_tox" >
  7. <img id="preview_avatar" :src="params.avatar? params.avatar : '__TMPL__/index/public/assets/img/tup1.jpg'">
  8. <input type="file" accept="image/*" id="upload" class="upload" @change="selectImg($event,'avatar')" value="上传">
  9. </div>
  10. <p>点击头像上传</p>
  11. </div>
  12. <div class="gerxix_box">
  13. <ul>
  14. <li><h1>昵称</h1><img class="minzu" src="__TMPL__/index/public/assets/img/tubiao10.png"><input id="nickname" class="tianx" type="text" placeholder="请填写" v-model="params.nickname"></li>
  15. <li><h1>手机号</h1><img class="minzu" src="__TMPL__/index/public/assets/img/tubiao10.png"><input id="mobile" class="tianx" type="text" v-model="params.mobile" placeholder="请填写" maxlength="11"></li>
  16. <li><h1>登录密码</h1><img class="minzu" src="__TMPL__/index/public/assets/img/tubiao10.png"><input id="password" class="tianx" type="password" v-model="params.password" placeholder="请填写" maxlength="20"></li>
  17. <li><h1>确认密码</h1><img class="minzu" src="__TMPL__/index/public/assets/img/tubiao10.png"><input id="checkPassword" class="tianx" type="password" v-model="params.checkPassword" placeholder="请填写" maxlength="20"></li>
  18. </ul>
  19. </div>
  20. <div class="ger_banc">
  21. <h1 @click="postSubmit();">注册</h1>
  22. <a class="login" href="/index/login/index">已有账号,去登录</a>
  23. </div>
  24. </div>
  25. <include file="index@block:footer"/>
  26. <script src="__TMPL__/index/public/assets/js/register.js?v={$version}" type="text/javascript"></script>