@beisen-phoenix/mobile-bottom-navigation

> BottomNav 容器组件 > > BottomNav.Item 单个组件

Usage no npm install needed!

<script type="module">
  import beisenPhoenixMobileBottomNavigation from 'https://cdn.skypack.dev/@beisen-phoenix/mobile-bottom-navigation';
</script>

README

bottom-navigation

由以下几个子组件构成

BottomNav 容器组件

BottomNav.Item 单个组件

BottomNav API

name description type default
style 样式 object
state 状态：1，2: 1为首页标准样式，2为beisencloud标准样式 number 1
children 内容 any
moreTextColor 更多按钮的文本和图标颜色 string state == 1 ? ${skin.$Sp8} : ${skin.$Sp6}

BottomNav.Item API

name description type default
state 状态：1，2 number 1
title 标题 string
style 样式 object
selected 是否被选中 boolean
textColor 文字颜色 string
selectedTextColor 选中的文字颜色 string
iconColor 图标颜色 string
selectedIcon 选中的图标颜色 string
icon 图标 ReactElement／url
badge 右上角徽标 ReactElement／number
clickItem 点击事件 Function