原创力文档- 1、本文档共38页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
第6章 网站前台-登陆与用户中心
学习目标：
完成用户注册功能
完成用户登陆功能，掌握j s-cookie的使用
完成微信扫码登陆的功能
完成用户中心嵌套布局，掌握nuxt嵌套路由的使用
1 用户注册
1.1 页面构建
创建pages/login.vue
北京市昌平区建材城西路金燕龙办公楼一层 电话：400-618-9090
template
div class=wrapper loginsign
div class=item signup
div class=form
h3 class=loginsign‐title注册新账号/h3
form class=sui‐form
div class=control‐group
label for=inputname class=control‐label名字/label
div class=controls
input type=text id=inputname placeholder=真实姓名或常用昵称
class=input‐xlarge data‐rules=required /
/div
/div
div class=different
div class=radio‐content
div id=a1 class=phone
div class=control‐group number
input type=text placeholder=仅支持大陆手机号 class=input‐
xlarge data‐rules=required|mobile /
/div
div class=control‐group code
div class=input‐append
input id=appendedInputButton type=text placeholder=短信验
证 class=span2 input‐large msg‐input /
button type=button class=sui‐btn msg‐btn获取验证
码/button
/div
/div
div class=control‐group
label for=inputpassword class=control‐label密码/label
div class=controls
input type=text id=inputpassword placeholder=请输入6‐16位
密码 class=input‐xlarge /
/div
/div
/div
div id=a2 class=email
div class=control‐group inputemail
input type=text placeholder=输入手机号 class=input‐xlarge
北京市昌平区建材城西路金燕龙办公楼一层 电话：400-618-9090
/
/div
div class=control‐group
文档评论（0）