Tab 元素(已废弃)
#
适用场景可配合tab栏组件进行使用,将tab元素放置到tab栏组件的插槽中实现定制化更强的需求(即将弃用下线)。
使用说明
用于放置于 Tab 栏组件的插槽中使用
属性介绍
组件接收的外部传入的属性
属性名 | 属性标识 | 类型 | 说明 |
---|
导航图标(icon) | icon | string | 自定义图标,使用时会覆盖内置icon 示例:"https://imgcache.qq.com/qcloud/tcloud_dtc/static/low_code/c868cd77-8454-46d5-bd13-54539707e9f2.svg" |
导航唯一标识 | name | string | 设置导航唯一标识 示例:"name" |
图标/文字常规色 | color | string | 配置Tab图标以及标题的默认颜色,图标颜色修改仅对内置颜色生效 示例:"#444444" |
导航标题 | title | string | 更改Tab元素标题文本内容 示例:"标题" |
显示半圆形的导航栏子项 | circle | boolean | 示例:false |
激活态 | actived | boolean | 开启后,图标会变更为激活状态 示例:false |
iconFont | iconFont | string | 选择内置icon图标 示例:"custom" |
导航字体 | textSize | number | 设置标题尺寸大小 示例:24 |
支持下划线 | underline | boolean | 开启后图标下方会出现下划线 示例:false |
半圆形导航栏子项的大小 | circleSize | number | 设置半圆形导航栏子项的大小 示例:100 |
布局模式 | layoutType | string | 更改tab元素的布局模式 示例:"iconText" |
图标/文字激活色 | activeColor | string | 配置Tab图标以及标题的选中颜色,图标颜色修改仅对内置颜色生效 示例:"#006EFF" |
图标大小 | childIconSize | number | 设置Tab图标的尺寸大小 示例:40 |
事件介绍
组件暴露的事件,可以监听组件的事件来触发一些外部的动作
事件名 | 事件code | 事件出参 event.detail | 适用情况 | 说明 |
---|
点击导航 | click | 兼容三端 | - |