vue uni-app项目中的tabbar
由于公司要求开发百度小程序,所以我们采用uni-app开发的方式,一套代码多个小程序都可以用,在开发小程序的时候我们也经常会使用到tabbar。当然自己写出来也是不错的。这个就来介绍uni-app中的组件tabbar的使用方法。
一:在项目目录下创建好页面导航所需要的页面
二:在uni-app查找到tabbar方法
2.1我们可以点击uni-app官网,中的框架
2.2然后Ctrl+F键进行搜索tabBar
2.3然后点击tabBar,就会自动跳转到tabBar的地方
三:复制uni-app的tabBar的源码
3.1:复制
然后我们来解析一下这些啥意思
pagePath:我理解的是跳转的地址
iconPath:这是为点击时候的图标
selectedIconPath:这是点击后的图标
text:这是你下面导航的文字,也就是你图标下面带有的文字
list:大家看这个是一个数据包着的对象,就肯定知道里面可以放不少的数据,但是官网现在最少2个最多也就是5个
四:将复制的代码,放进自己项目文件夹的pages.json里面
放入以后一定修改好自己所需要的的参数。然后在进行保存,运行