<meter id="7ntxv"></meter>

<b id="7ntxv"><listing id="7ntxv"><ol id="7ntxv"></ol></listing></b>
<nobr id="7ntxv"></nobr><mark id="7ntxv"></mark>

    <p id="7ntxv"><menuitem id="7ntxv"><font id="7ntxv"></font></menuitem></p>
    <sub id="7ntxv"><menuitem id="7ntxv"><meter id="7ntxv"></meter></menuitem></sub>

    <mark id="7ntxv"></mark>
    <meter id="7ntxv"><var id="7ntxv"></var></meter>

    知識 分享 互助 懶人建站

      懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

      懶人建站提供網頁素材下載、網站模板
      知識 分享 互助!

      微信小程序tabBar底部導航中文注解api

      作者:佳明媽 來源:鄭州網站建設 2016-12-09 人氣:
      微信小程序tabBar底部導航中文注解api,信小程序tabBar就是app底部的那個導航欄,可以放1-5導航鏈接,這里對微信小程序底部導航tabbar的中文解釋。 微信小程序tabBar是在全局app.json文件里

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

      小程序tabBar配置代碼注解

      {
          "pages":[
              "pages/index/index",
              "pages/detail/detail"
          ],
          "window":{
              "navigationBarTitleText": "TabBar",
              "navigationBarBackgroundColor": "#F60",
              "navigationBarTextStyle": "white"
          },
      
          //tabBar注意是B是大寫,有朋友提問運行時tab沒出現,檢查是不是這里手誤
          "tabBar":{
      
          //文檔指出color是必填項,其實可為空,不重寫color就是深灰,樣式更統一
              "color": "#ddd",
      
         //同樣,文檔指出selectedColor是必填項,不過selectedColor有必要重寫,區分當前項與普通項
              "selectedColor": "#3cc51f",
      
         //同樣,文檔指出color是必填項,其實可為空,不重寫backgroundColor就是淺灰,樣式更統一。
              "backgroundColor": "#fff",
      
         //borderStyle,不寫默認就是黑,那就黑好了,white的話,會少一條分隔線,跟頁面混在一起了
              "borderStyle":"black",
              "list":[{
                      "pagePath":"pages/index/index",
      
         //iconPath圖標是非必填,只是tab欄會變矮,自然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參數說明

      如果我們的小程序是一個多 tab 應用(客戶端窗口的底部有tab欄可以切換頁面),那么我們可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。

      tabBar 是一個數組,只能配置最少2個、最多5個 tab,tab 按數組的順序排序。

      屬性說明:

      屬性 類型 必填 默認值 描述
      color HexColor   tab 上的文字默認顏色
      selectedColor HexColor   tab 上的文字選中時的顏色
      backgroundColor HexColor   tab 的背景色
      borderStyle String black tabbar上邊框的顏色, 僅支持 black/white
      list Array   tab 的列表,詳見 list 屬性說明,最少2個、最多5個 tab
      position String bottom 可選值 bottom、top

      其中 list 接受一個數組,數組中的每個項都是一個對象,其屬性值如下:

      屬性 類型 必填 說明
      pagePath String 頁面路徑,必須在 pages 中先定義
      text String tab 上按鈕文字
      iconPath String 圖片路徑,icon 大小限制為40kb
      selectedIconPath String 選中時的圖片路徑,icon 大小限制為40kb

      微信小程序tabBar底部導航中文注解api

      ↓ 查看全文

      微信小程序tabBar底部導航中文注解api由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

      懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

      微信小程序tabBar底部導航中文注解api-最新評論

      亚洲免费的黄色网站_黄色网站在线放久操射视频_A片www.黄色网站成年人_天天干 天天操天天干

      <meter id="7ntxv"></meter>

      <b id="7ntxv"><listing id="7ntxv"><ol id="7ntxv"></ol></listing></b>
      <nobr id="7ntxv"></nobr><mark id="7ntxv"></mark>

        <p id="7ntxv"><menuitem id="7ntxv"><font id="7ntxv"></font></menuitem></p>
        <sub id="7ntxv"><menuitem id="7ntxv"><meter id="7ntxv"></meter></menuitem></sub>

        <mark id="7ntxv"></mark>
        <meter id="7ntxv"><var id="7ntxv"></var></meter>