uni-app 第二讲首页底部导航功能实现

上一讲我们讲解了如何使用uni-app实现登录功能。今天继续为大家分段讲解一下登录之后如何实现首页底部导航功能。

这里只是简单的做了一个首页底部导航功能，具体页面内容就需要大家根据实际情况自己添加了。

这里先大致讲一下实现过程

这里关键点就在于pages.json配置文件里面。

其中pages数组中的第一项就是表示我们的启动项。参考：https://uniapp.dcloud.io/collocation/pages

今天重点要用到的地方就是tabBar。

 

可以清楚地看到tabbar是一个list数组。

 

下面开始实现功能

首先我们需要创建两个页面，首页和我的，里面只需要写一个文字就行