Day18--登录与支付-登录-初步渲染页面的布局结构

1.实现登录和用户信息组件的按需展示

我的操作：

1》在 components 目录中新建登录组件： 

1>在uni_modules文件夹右键新建里面写东西。

 2>其实博主写的是scss模板，但是新版的没有，所以我们要自己补齐。

①：新建之后是这样的

 ②：补齐scss的模板模式：

③：在里面书写代码：

2》在 my.vue 页面中，通过 mapState 辅助函数，导入需要的 token 字符串：

 

 3》在 my.vue 页面中，实现登录组件和用户信息组件的按需展示

 

当前阶段的效果图：【仅展示登录的内容】

 **************************************************************************************************************

2.实现登录组件的基本布局

1》为 my-login 组件定义如下的 UI 结构：

 2》美化登录组件的样式：

 

最终的效果图如下：