lanyun-tabbar

lanyun-tabbar 底部导航栏

介绍

底部导航栏,用于在不同页面之间进行切换。

使用方法

import "../../components/lanyun-tabbar/lanyun-tabbar.stml";

例子

<lanyun-tabbar
    @change="handleChange"
    :list="tabs"
    :current="current"
    text-style={ {fontSize: '14px', color: 'red'} }
    icon-size="14px"
    active-color="#10B981"
    inactive-color="#10B981"
/>

props 属性

参数 说明 类型 默认值
list 底部导航栏数据,具体格式见demo, 必填 array -
current 当前选中标签的索引值, 必填 number \ string -
text-style 文字的样式, 选填 object {}
icon-size 图标的大小, 选填 string 16px
active-color 选中文字的颜色, 选填 string #0066ff
inactive-color 未选中文字的颜色, 选填 string #6B7280
safe-area-bottom 底部安全区域, 选填 boolean false

events 事件

事件名 说明 回调参数
change 切换标签时触发 index: 数组索引下标