# 本节知识点
- 1,底部tabbar的美化
- 2,顶部轮播图的实现
- 3,自动轮播的实现
# 实现效果如下:
![](https://box.kancloud.cn/c946f25a13210bc10e239dcd5f3b3be7_636x1134.png)
# 课后作业
- 1,读完swiper相关的官方文档
- 2,读完wx.setTabBarItem相关的官方文档
- 3,跟着老师实现轮播图效果
# 课程中用到的网址
- 1,swiper组件官方文档: [https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html](https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html)
- 2,wx.setTabBarItem(Object object)设置tabbar图片样式官方文档:
[https://developers.weixin.qq.com/miniprogram/dev/api/wx.setTabBarItem.html](https://developers.weixin.qq.com/miniprogram/dev/api/wx.setTabBarItem.html)
# 视频地址
加老师微信索要视频资源。
最好跟着老师的教程敲代码,如果实在敲不出来,加老师微信索要源码。
# 老师微信
2501902696(备注小程序)
![老师微信](https://box.kancloud.cn/c3551d62b90595ebee1ef043f5441dd6_640x622.png =300x300)
# 实例小程序
![实例小程序](https://box.kancloud.cn/fdbe738983c4e7d714e9253b11728ff5_258x258.jpeg)