使用说明

// 按需引入需要在 app.scss 中引入对应样式 tabs.scss
import { ClTabs } from "mp-colorui";

一般用法

注：ClTabs 内部元素必须由一层 View 包裹，且 id 必须和 tabs 一一对应，且 id 不能为纯数字，其格式必须为符合 DOM 元素的 id。

参数说明

Tabs 参数

参数	说明	类型	可选值	默认值
type	tabs 类型选择	string	default,center,verb	default
bgColor	背景色	string	参考文档 默认色	-
activeColor	激活的颜色	string	参考文档 默认色-标准色	black
active	激活的下标	number	-	0
tabs	tab 数组	tabs[]	详情	[]
touchMove	是否可拖动	boolean	-	false

tabs

参数	说明	类型	可选值	默认值
text	标题	string	-	-
icon	图标	string	参考文档 Icon-iconName	-
id	唯一标识符	string	-	-

Tabs 事件

事件名称	说明	参数返回
onClick	点击事件	index

部分功能需扫码预览才能正常显示。

H5及小程序二维码