更新记录

1.0.2（2025-08-13） 下载此版本

说明文档增加应用场景

1.0.1（2025-08-13） 下载此版本

增加插件说明文档

1.0.0（2025-08-12） 下载此版本

标签组件 焦点样式、标签大小设置

查看更多

平台兼容性

uni-app(4.76)

Vue2 Vue2插件版本 Vue3 Vue2插件版本 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ 1.0.0 √ 1.0.0 - - - - - - -
微信小程序 微信小程序插件版本 支付宝小程序 支付宝小程序插件版本 抖音小程序 抖音小程序插件版本 百度小程序 百度小程序插件版本 快手小程序 快手小程序插件版本 京东小程序 京东小程序插件版本 鸿蒙元服务 鸿蒙元服务插件版本 QQ小程序 QQ小程序插件版本 飞书小程序 飞书小程序插件版本 快应用-华为 快应用-联盟
1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 1.0.0 1.0.2 - -

uni-app x(4.76)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

其他

多语言 暗黑模式 宽屏模式
× √ √

插件应用场景

电商交易大厅菜单

示例代码

<clopla-tab direction="vertical" :tabs="tabs" :current="hover" @onClick="onChangeTab"></clopla-tab>

订单状态切换

示例代码

<clopla-tab :tabs="items" :current="current" size="small" @onClick="onChangeTab"></clopla-tab>

标签页插件说明

属性说明

参数 类型 默认值 说明
tabs Array [] 标签列表
current number 0 选中标签下标
direction string horizontal 排列方向 支持选项：horizontal-横向 vertical-纵向
color string #606266 文字颜色
size string normal 标签字体大小 支持选项 normal-常规字体 small-小号字体 large-大号字体
backgroundColor string #FFFFFF 标签背景色
activeColor string #409EFF 选中标签文字颜色
activeBackgroundColor string #409EFF 选中标签背景颜色
activityStyles object {} 选中标签自定义样式 覆盖默认样式

事件说明

事件名称 参数 说明
onClick index 标签切换选中状态 index为选中标签下标

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。