uni-app使用多个tabbar 效果跟原生一样
原文链接
fm:业务需求 uniapp 一个项目编译H5商城跟商户端app 但是H5不需要商户端的tabbar 但是打包成商户端app时候需要可以跳转到商城也就是需要需要商城的tabbar 我试过商户端app使用自定义tabbar 但是这样渲染页面太慢了 uniapp最多只能有五个tabbar 那现在怎么展示八个呢 还要动态显示 还要不影响性能
在page.json 文件里 通过H5编译 那就只有是三个tabbar能生效 在app里面有八个tabbar生效 那问题有来了 那H5可以了 那app展示八个怎么行 那商户端首页也展示商城的tabbar了 上面只是说让tabbar生效 那再把tabbar隐藏就好了
"preloadRule": {
"pages/tabBar/home": {
"network": "all",
"packages": [
"pagesA",
"pagesB"
]
}
}
//上面这个preloadRule没用 主要是为了方便看 这个逗号要放在h5编译里面
// #ifdef H5
,
"tabBar": {
"color": "#000000",
"selectedColor": "#FB8D37",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/tabBar/home",
"iconPath": "static/img/homeWx.png",
"selectedIconPath": "static/img/homeWxh.png",
"text": "首页"
},
// {
// "pagePath": "pages/tabBar/allGoods",
// "iconPath": "static/img/goShoppingWx.png",
// "selectedIconPath": "static/img/goShoppingWxh.png",
// "text": "分类"
// },
// //#ifdef MP-WEIXIN
// {
// "pagePath": "pages/tabBar/livePlayer",
// "iconPath": "static/img/live.png",
// "selectedIconPath": "static/img/livechecked.png",
// "text": "美呀直播"
// },
// // #endif
{
"pagePath": "pages/tabBar/shoppingCart",
"iconPath"
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhggeigi
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13