小程序TabBar不出現(xiàn)怎么辦
2018-01-31|HiShop
導(dǎo)讀:小程序TabBar不出現(xiàn)是小程序開發(fā)中常見的問題,那么是什么問題導(dǎo)致,如何解決?...
小程序TabBar不出現(xiàn)是小程序開發(fā)中常見的問題,那么是什么問題導(dǎo)致,如何解決?
小程序TabBar不出現(xiàn)的原因:
app.json正確代碼:
{
"pages":[
"pages/index/index",
"pages/leader/leader",
"pages/leader/stories/stories",
"pages/leader/authors/authors",
"pages/stack/stack",
"pages/stack/booklist/booklist",
"pages/stack/booklist/bookdetail/bookdetail",
"pages/bookdesk/bookdesk",
"pages/mine/mine",
"pages/mine/news/news",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "網(wǎng)易蝸牛讀書",
"navigationBarTextStyle":"black"
},
"tabBar":{
"color":"#999999",
"selectedColor":"#444444",
"backgroungColor":"#ffffff",
"borderStyle":"#e0e0e0",
"list": [
{
"pagePath":"pages/leader/leader",
"iconPath": "assets/icons/lingdu.png",
"selectedIconPath": "assets/icons/lingdu_sel.png",
"text":"領(lǐng)讀"
},
{
"pagePath":"pages/stack/stack",
"iconPath": "assets/icons/stack.png",
"selectedIconPath": "assets/icons/stack_sel.png",
"text":"分類"
},
{
"pagePath": "pages/bookdesk/bookdesk",
"iconPath": "assets/icons/bookdesk.png",
"selectedIconPath": "assets/icons/bookdesk_sel.png",
"text":"書桌"
},
{
"pagePath":"pages/mine/mine",
"iconPath": "assets/icons/mine.png",
"selectedIconPath": "assets/icons/mine_sel.png",
"text":"我的"
}
]
}
}
小程序TabBar不出現(xiàn)怎么辦?
小程序TabBar不出現(xiàn)解決有兩種方式:
1.pages里的首個頁面必須在list數(shù)組里有配置,所以在lists數(shù)組里加一個字典對象即可。
{
"pagePath":"pages/index/index",
"iconPath": "assets/icons/index.png",
"selectedIconPath": "assets/icons/index_sel.png",
"text":"首頁"
}
但是我的TabBar又不想有這個item顯示,這里看第二種解決辦法。
2.pages數(shù)組的第一項(xiàng)必須是tabBar的list數(shù)組的一員:
這里有個疑惑:
百度了解決方法,顯示將list數(shù)組加了index的模塊item,后面不想要index模塊在TabBar顯示,然后又刪除再運(yùn)行,問題就解決了,也沒有設(shè)置pages數(shù)組的第一項(xiàng)必須是tabBar的list數(shù)組的一員。
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。
更多小程序資訊,盡在:zytcm.com.cn/xiaocx/
您可能感興趣:小程序