📘
Luckydesigner
  • Knowledge Code Guide
  • HTML CODE
    • Dictionary
  • CSS CODE
    • Dictionary
  • Javascript Code
    • Dictionary
    • Examples
    • Reference
  • Regular Expressions
    • Reference
  • Wechat Mini Program Develop Notes
    • 开篇
    • 流程
    • 构成
      • 框架
    • 配置
      • index.wxml+index.js
      • Button
      • UserInfo
      • TabBar
      • Clipboard
    • Api
      • 背景
      • 交互
      • 导航栏
    • 标签
Powered by GitBook
On this page

Was this helpful?

  1. Wechat Mini Program Develop Notes
  2. 配置

TabBar

例子

"tabBar": {
    "color": "#686868",
    "selectedColor": "#47a86c",
    "backgroundColor": "#ffffff",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/popular/popular",
        "iconPath": "dist/images/popular_icon.png",
        "selectedIconPath": "dist/images/popular_active_icon.png",
        "text": "热映"
      },
      {
        "pagePath": "pages/coming/coming",
        "iconPath": "dist/images/coming_icon.png",
        "selectedIconPath": "dist/images/coming_active_icon.png",
        "text": "待映"
      },
      {
        "pagePath": "pages/top/top",
        "iconPath": "dist/images/top_icon.png",
        "selectedIconPath": "dist/images/top_active_icon.png",
        "text": "口碑"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "dist/images/my_icon.png",
        "selectedIconPath": "dist/images/my_active_icon.png",
        "text": "我的"
      }
    ]
  },

tabBar是微信小程序页面下选菜单,最多设置5个,超过五个则无法设置。

PreviousUserInfoNextClipboard

Last updated 4 years ago

Was this helpful?