用户登录

在个人档案页面上可以显示用户的相关信息,比如用户的头像,名字 .. 如果用户没登录的话,可以显示一个登录按钮,按一下可以打开登录页面 ..

先去创建一个,个人档案页面 .. 放在 pages users 目录的下面,添加一个 show.js ... 里面用一下 Page 方法创建一个页面 .. 先给它一个空白的对象参数 ..

再创建一个对应的视图文件 .. 放在同一个目录的下面 .. 名字是 show.wxml ..

在这个目录下面再创建一个登录页面 .. 名字是 login.js .. 里面用一个 Page 方法登录一个页面 .. 添加一个空白的对象参数 ..

然后也给它添加一个对应的视图文件 .. 名字是 login.wxml ..

打开小程序的 app.json ... 在 pages 里面,说明一下刚才我们添加的两个新的页面 .. 一个是 pages/users/show .. 还有一个是 pages/users/login

标签

再找到小程序的 tabBar 相关的配置 .. 把 演示 这个标签,改成 我 .. 这个标签可以打开用户的个人档案页面 .. 地址是 pages/users/show .. 修改一下小图标 .. 在 assets icons 下面有个 face.png ..

激活状态的小图标设置成 face-active.png ..

预览

到模拟器上预览一下 .. 现在小程序的底部会显示一个 我 这个标签 .. 按一下它,会打开用户的个人档案页面 ..

创建个人档案与登录页面《 微信小程序:内容页面 #2 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点