# 本节知识点 - 1，认识tabbar - 2，使用tabbar实现底部导航栏 - 3，认识botton组件 - 4，使用button组件的 open-type来获取用户信息 - 5，授权登陆功能实现，获取用户相关信息 - 6，展示用户头像和用户昵称 - 7，圆形头像实现 # 课后作业 - 1，读完botton相关的官方文档 - 2，跟着老师获取到用户信息 - 3，实现圆形头像 - 4，自学css的display属性的flex布局：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html # 课程中用到的网址 - 1，tabbar官方文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置 - 2，botton组件官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/button.html - 3，颜色色值对应值 ： https://www.114la.com/other/rgb.htm # 配套笔记 [008使用tabbar实现底部导航栏](https://www.kancloud.cn/java-qiushi/xiaochengxu/777583) [009开发个人中心&&010登陆与授权](https://www.kancloud.cn/java-qiushi/xiaochengxu/777808) # 视频地址 [在线视频教程链接点击即可在线观看](https://edu.csdn.net/course/play/9531/202796) 最好跟着老师的教程敲代码，如果实在敲不出来，加老师微信索要源码 # 老师微信 2501902696（备注小程序）  # 实例小程序