BottomNavbar 底部导航栏

概述

BottomNavbar 底部导航栏，用于提供页面的导航能力。

温馨提示

组件内部使用了 fui-icon（字体图标） 组件，需要同时引入进项目中。

引入

以下介绍两种常用的引入方式。

第一种：在页面json文件中引入

{
  "navigationBarTitleText": "底部导航栏",
  "usingComponents": {
    "fui-bottom-navbar": "/components/firstui/fui-bottom-navbar/fui-bottom-navbar"
  }
}

第二种：在根目录app.json文件中全局引入

"usingComponents": {
   "fui-bottom-navbar": "components/firstui/fui-bottom-navbar/fui-bottom-navbar"
}

代码演示

代码演示、属性列表等详细内容仅VIP用户可查看。

你真是个小机灵鬼~

该内容仅VIP用户可查看！

前往官网开通会员

示例预览

特别说明

该组件为付费组件，微信小程序版VIP用户可免费使用 。

开通会员 (opens new window)