Old-vegetable-chicken

由于公司要求开发百度小程序,所以我们采用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里面

放入以后一定修改好自己所需要的的参数。然后在进行保存,运行

相关文章: