第三天:uniapp的tabBar
参考官网文档:pages.json 页面路由 - uni-app官网 (dcloud.io)
底部tab效果:
在pages.json文件中页面导航和tabbar的使用以及样式图标的配置:
参考官方文档注意项:
Tips
当设置 position 为 top 时,将不会显示 icontabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。tabbar 切换第一次加载时可能渲染不及时,可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花(hello uni-app使用了此方式)tabbar 的页面展现过一次后就保留在内存中,再次切换 tabbar 页面,只会触发每个页面的onShow,不会再触发onLoad。顶部的 tabbar 目前仅微信小程序上支持。需要用到顶部选项卡的话,建议不使用 tabbar 的顶部设置,而是自己做顶部选项卡,可参考 hello uni-app->模板->顶部选项卡。
"pages": [ //pages数组中第一项表示应用启动页,参考
共有 0 条评论