1.实现登录和用户信息组件的按需展示![](https://img-blog.csdnimg.cn/35828047d1684203bea9edcef4ff9da6.png)
我的操作:
1》在 components
目录中新建登录组件:
1>在uni_modules文件夹右键新建里面写东西。
2>其实博主写的是scss模板,但是新版的没有,所以我们要自己补齐。
①:新建之后是这样的
②:补齐scss的模板模式:
③:在里面书写代码:
2》在 my.vue
页面中,通过 mapState
辅助函数,导入需要的 token
字符串:
3》在 my.vue
页面中,实现登录组件和用户信息组件的按需展示
当前阶段的效果图:【仅展示登录的内容】
**************************************************************************************************************
2.实现登录组件的基本布局
1》为 my-login
组件定义如下的 UI 结构:
2》美化登录组件的样式:
最终的效果图如下: