這篇文章主要介紹微信小程序之tabBar底部導(dǎo)航中文注解api的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站建設(shè)、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元子長做網(wǎng)站,已為上家服務(wù),為子長各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

微信小程序tabBar底部導(dǎo)航中文注解api，信小程序tabBar就是app底部的那個(gè)導(dǎo)航欄，可以放1-5導(dǎo)航鏈接，這里對(duì)微信小程序底部導(dǎo)航tabbar的中文解釋。
微信小程序tabBar是在全局app.json文件里面配置的。

小程序tabBar配置代碼注解

{
  "pages":[
    "pages/index/index",
    "pages/detail/detail"
  ],
  "window":{
    "navigationBarTitleText": "TabBar",
    "navigationBarBackgroundColor": "#F60",
    "navigationBarTextStyle": "white"
  },

  //tabBar注意是B是大寫，有朋友提問運(yùn)行時(shí)tab沒出現(xiàn)，檢查是不是這里手誤
  "tabBar":{

  //文檔指出color是必填項(xiàng)，其實(shí)可為空，不重寫color就是深灰，樣式更統(tǒng)一
    "color": "#ddd",

  //同樣，文檔指出selectedColor是必填項(xiàng)，不過selectedColor有必要重寫，區(qū)分當(dāng)前項(xiàng)與普通項(xiàng)
    "selectedColor": "#3cc51f",

  //同樣，文檔指出color是必填項(xiàng)，其實(shí)可為空，不重寫backgroundColor就是淺灰，樣式更統(tǒng)一。
    "backgroundColor": "#fff",

  //borderStyle，不寫默認(rèn)就是黑，那就黑好了，white的話，會(huì)少一條分隔線，跟頁面混在一起了
    "borderStyle":"black",
    "list":[{
        "pagePath":"pages/index/index",

  //iconPath圖標(biāo)是非必填，只是tab欄會(huì)變矮，自然selectedIconPath也可不寫
        "iconPath":"image/icon_API.png",
        "selectedIconPath":"image/icon_API_HL.png",
        "text":"index"
      },{
        "pagePath":"pages/detail/detail",
        "iconPath":"image/icon_component.png",
        "selectedIconPath":"image/icon_component_HL.png",
        "text":"detail"
      }]
  }
}

小程序tabBar參數(shù)說明

如果我們的小程序是一個(gè)多 tab 應(yīng)用（客戶端窗口的底部有tab欄可以切換頁面），那么我們可以通過 tabBar 配置項(xiàng)指定 tab 欄的表現(xiàn)，以及 tab 切換時(shí)顯示的對(duì)應(yīng)頁面。

tabBar 是一個(gè)數(shù)組，只能配置最少2個(gè)、最多5個(gè) tab，tab 按數(shù)組的順序排序。

屬性說明：

其中 list 接受一個(gè)數(shù)組，數(shù)組中的每個(gè)項(xiàng)都是一個(gè)對(duì)象，其屬性值如下：

以上是“微信小程序之tabBar底部導(dǎo)航中文注解api的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：微信小程序之tabBar底部導(dǎo)航中文注解api的示例分析-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://chinadenli.net/article22/hcojc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、網(wǎng)站排名、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、定制網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)