开发微信小程序，如何合理的功能布局？

合理的功能布局，能够给予用户更舒适的使用体验。奥慧在微信小程序时，应该将用户需求量较大、比较核心的板块优先布局在显眼的位置。同时，在页面布局时，一定要足够简洁，足够清晰，这样不仅便于用户 *** 作，也更方便用户寻找自己所需。

先做小程序“我的”页面，需要注意的有两个点：

先上图，有图才有真相：

这一块我增加了一个隐藏的button, 未获取到用户信息时，显示为默认头像和“微信授权”的文字提示，登陆后，头像变为微信头像，文字变为微信昵称。

具体ui为判断没有授权则显示默认头像及提示，并在其上层覆盖一个透明的button，用户触发授权事件。

在js中需要注意的是，open-type="getUserInfo"需要做老版本兼容，老版本通过wx.getUserInfo即可唤起授权页面，不需要添加button去触发

详情见下一篇： 微信小程序：“我的”页面布局（二）：可配置功能菜单列表

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（二）：可配置功能菜单列表

横向布局or竖向布局=>设置属性 flex-direction

设置元素在横向上的布局方向，需要设置 justify-content 属性

设置元素在纵向上的布局方向，需要设置 align-items 属性

用于控制子 View 是否换行=>设置flex-wrap 属性

---