更新记录

2.0.4(2021-11-26)

给事件添加了下标参数

2.0.3(2021-11-02)

简化options,去掉了id字段,保留唯一的text用来展示 tab选项卡的标语

查看更多

平台兼容性

Vue2 Vue3
×
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
× × × × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

前言

你们的使用、评论与收藏,是我更新组件的动力。同时我会尽量保证代码的简洁性,让你们能读懂源码,希望我的组件源码,能给到你们一些学习上的帮助,谢谢

使用方法

直接引入

遵守easycom组件规范

<letsgofishing-Tab></letsgofishing-Tab>

这样引入后就会出现右边展示图的第一个图片

属性

参数 说明 类型 可选值 默认值
color 标签激活时下划线颜色,字体颜色同步 string - #2979ff
bgColor 组件的背景色 string - #fff
options 传入组件的标签数据 array - [{id:0,text:选项卡0},{id:1,text:选项卡1}]

事件

事件 说明
@getTab(event,index) 获取当前被点击的 tab 信息

值示例

<letsgofishing-Tab options="options"></letsgofishing-Tab>
options: {
    required: true,
    default: () => [{
        text: '选项卡0'
    }, {
        text: '选项卡1'
    }, {
        text: '选项卡2'
    }]
}

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问