UNPKG

1.64 kBTypeScriptView Raw
1import { ComponentType } from 'react'
2import { StandardProps } from './common'
3interface TabsProps extends StandardProps {
4 /** tabs 背景色,必须填写十六进制颜色
5 * @supported swan
6 * @default "#fff"
7 */
8 tabsBackgroundColor?: string
9 /** tabs 激活 tab-item 文字颜色
10 * @supported swan
11 * @default "#000"
12 */
13 tabsActiveTextColor?: string
14 /** tabs 非激活 tab-item 文字颜色
15 * @supported swan
16 * @default "#666"
17 */
18 tabsInactiveTextColor?: string
19 /** tabs 激活 tab-item 下划线颜色
20 * @supported swan
21 * @default "#333"
22 */
23 tabsUnderlineColor?: string
24 /** 仅用于普通标签栏组件,当前激活 tab-item 的对应的 name 值,须搭配 bindtabchange 一起使用。
25 * @supported swan
26 * @default 无
27 */
28 activeName?: string
29 /** 仅用于可寻址标签栏组件,当前 tab 所改变的 url query 中参数 key,需要通过 tabs 修改页面 url 的时候设置。
30 * @supported swan
31 * @default 无
32 */
33 urlQueryName?: string
34 /** 当前 tabs 视图中最多容纳的 tab-item 数量,低于此数量均分排列,超出此数量划屏。默认五个,开发者可根据业务需求调整
35 * @supported swan
36 * @default 5
37 */
38 maxTabItemAmount?: number
39 /** tab 被点击的回调,可以在 e.detail.name 中取到当前点击的 tab-item 对应的 name 值
40 * @supported swan
41 */
42 onTabChange?: CommonEventFunction
43}
44/** 标签栏
45 * @classification navig
46 * @supported swan
47 * @see https://smartprogram.baidu.com/docs/develop/component/tabs/
48 */
49declare const Tabs: ComponentType<TabsProps>
50export { Tabs, TabsProps }