首先在app.json页面定义2~3个页面路径具体如下代码:
“pages”: [
“pages/tabhome/tabhome”,
“pages/tabmsg/tabmsg”,
“pages/tabcontact/tabcontact”
],
定义这三个页面路径,然后在当前页面中在与pages的同级中写入"tabBar": [
{
“pagePath”: “pages/tabhome/tabhome”,
“text”: “首页”,
“iconPath”: “/assets/images/home.png”,
“selectedIconPath”: “/assets/images/home-active.png”
},{
“pagePath”: “pages/tabmsg/tabmsg”,
“text”: “消息”,
“iconPath”: “/assets/images/home.png”,
“selectedIconPath”: “/assets/images/home-active.png”
},{
“pagePath”: “pages/tabcontact/tabcontact”,
“text”: “联系我们”,
“iconPath”: “/assets/images/home.png”,
“selectedIconPath”: “/assets/images/home-active.png”
}
]
其中pagePath和text是必须要写的后边的两个是可以有选择性的写入而且iconPath和selectedlconPath的路径是根路径导入
实现成功页面如下图:
好了到这里就没有了如果有比较好的页面和设计可以留言给小编
tabBar的快速切换页面
最新推荐文章于 2024-02-28 05:00:00 发布