微信小程序tabbar不顯示解決辦法

更新時(shí)間：2017年06月08日 11:33:42 投稿：lqh

這篇文章主要介紹了微信小程序tabbar不顯示解決辦法的相關(guān)資料,需要的朋友可以參考下

微信小程序tabbar不顯示解決辦法

"pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ],

微信小程序在測(cè)試tabbar的時(shí)候怎么都不顯示。

我就不貼api了。直接上代碼

{ 
 "pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ], 
 "window":{ 
  "backgroundTextStyle":"light", 
  "navigationBarBackgroundColor": "#fff", 
  "navigationBarTitleText": "小程序", 
  "navigationBarTextStyle":"black" 
 }, 
 "tabBar":{ 
  "selectedColor":"#dddddd", 
  "color": "#3cc51f", 
  "backgroundColor":"#ffffff", 
  "list":[{ 
   "text" : "登錄", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text":"注銷", 
   "pagePath" : "pages/index/index", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text" : "日志", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  }] 
 } 
}

這個(gè)json看了一天，直覺(jué)告訴我沒(méi)什么問(wèn)題。實(shí)際上也沒(méi)什么問(wèn)題。

但是tabbar怎么都不顯示。最后發(fā)現(xiàn)是

"pages":[ 
  pages/logs/logs", 
  "pages/index/index" 
 ],

看標(biāo)紅的問(wèn)題。第一行絕對(duì)是不能配置為"pages/index/index"。所以我換成了pages/logs/logs要不然是不會(huì)顯示tabbar的

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

JS前端白屏前世今生及解決方式
這篇文章主要為大家介紹了JS前端白屏前世今生及解決方式案例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
微信小程序本地存儲(chǔ)及登錄頁(yè)面處理實(shí)例詳解
這篇文章主要介紹了微信小程序本地存儲(chǔ)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01
微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳的相關(guān)資料,需要的朋友可以參考下
2017-04-04
JS輕量級(jí)函數(shù)式編程實(shí)現(xiàn)XDM一
這篇文章主要為大家介紹了JS輕量級(jí)函數(shù)式編程實(shí)現(xiàn)XDM示例詳解第1/3篇，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06
commander腳手架工具使用詳解
這篇文章主要為大家介紹了commander腳手架工具使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
ECMAScript 6對(duì)象的擴(kuò)展實(shí)現(xiàn)示例
這篇文章主要為大家介紹了ECMAScript 6對(duì)象的擴(kuò)展實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
JavaScript本地存儲(chǔ)全面解析
這篇文章主要為大家介紹了JavaScript本地存儲(chǔ)的全面解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
JavaScript?定時(shí)器關(guān)鍵點(diǎn)及使用場(chǎng)景解析
這篇文章主要為大家介紹了JavaScript?定時(shí)器關(guān)鍵點(diǎn)及使用場(chǎng)景解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
微信小程序（十二）text組件詳細(xì)介紹
這篇文章主要介紹了微信小程序text組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-09-09
TypeScript新語(yǔ)法之infer?extends示例詳解
這篇文章主要為大家介紹了TypeScript新語(yǔ)法之infer?extends示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08