跳到主要内容

Tab 元素(已废弃)

适用场景#

可配合tab栏组件进行使用,将tab元素放置到tab栏组件的插槽中实现定制化更强的需求(即将弃用下线)。

使用说明

用于放置于 Tab 栏组件的插槽中使用

属性介绍

组件接收的外部传入的属性

属性名
属性标识
类型
说明
导航图标(icon)iconstring

自定义图标,使用时会覆盖内置icon

示例:"https://imgcache.qq.com/qcloud/tcloud_dtc/static/low_code/c868cd77-8454-46d5-bd13-54539707e9f2.svg"

导航唯一标识namestring

设置导航唯一标识

示例:"name"

图标/文字常规色colorstring

配置Tab图标以及标题的默认颜色,图标颜色修改仅对内置颜色生效

示例:"#444444"

导航标题titlestring

更改Tab元素标题文本内容

示例:"标题"

显示半圆形的导航栏子项circleboolean

示例:false

激活态activedboolean

开启后,图标会变更为激活状态

示例:false

iconFonticonFontstring

选择内置icon图标

示例:"custom"

导航字体textSizenumber

设置标题尺寸大小

示例:24

支持下划线underlineboolean

开启后图标下方会出现下划线

示例:false

半圆形导航栏子项的大小circleSizenumber

设置半圆形导航栏子项的大小

示例:100

布局模式layoutTypestring

更改tab元素的布局模式

示例:"iconText"

图标/文字激活色activeColorstring

配置Tab图标以及标题的选中颜色,图标颜色修改仅对内置颜色生效

示例:"#006EFF"

图标大小childIconSizenumber

设置Tab图标的尺寸大小

示例:40

事件介绍

组件暴露的事件,可以监听组件的事件来触发一些外部的动作

事件名
事件code
事件出参 event.detail
适用情况
说明
点击导航click兼容三端

-