天天看點

小程式全局配置-tabBartabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:-底

作者:輕棧

小程式全局配置-tabBar

tabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:

- 底部tabBar

- 頂部tabBar

Ps.tabBar中智能配置最少2個、最多5個tab頁簽;當渲染頂部tabBar時,不顯示icon,隻顯示文本。

了解tabBar的6個組成部分,才能更好地進行設定:

-backgroundColor: tabBar 的背景色

-selectedlconPath: 選中時的圖檔路徑

-borderStyle: tabBar 上邊框的顔色

-iconPath: 未選中時的圖檔路徑

-selectedColor: tab 上的文字選中時的顔色

-color: tab 上文字的預設(未選中)顔色

配置底部tabBar,在app.json中輸入内容

"tabBar": {

 "list": [

    {

      "pagePath":"pages/index/index",

      "text":"index"

    },

    {

      "pagePath": "pages/test/test",

      "text":"test"

    }

 ]

},

用第三方平台(輕棧)開發小程式,進入【Design Lab】進行編輯,點選左側【系統】,開啟網站服務,右鍵編輯就能設定參數。

#小程式##輕棧#

小程式全局配置-tabBartabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:-底
小程式全局配置-tabBartabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:-底
小程式全局配置-tabBartabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:-底
小程式全局配置-tabBartabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:-底

繼續閱讀