更新记录
1.0.3(2023-07-27)
下载此版本
继续优化
1.0.2(2023-07-27)
下载此版本
优化功能
1.0.1(2023-07-26)
下载此版本
优化兼容微信小程序和app
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
× |
√ |
√ |
× |
√ |
× |
√ |
√ |
引入组件
import xlTabSw from '@/components/xl-tab-sw/xl-tab-sw.vue'
注册组件
components: {
xlTabSw
},
使用组件
<xl-tab-sw
:pattern='true'
:tabsList="tabsList"
@change="approach">
</xl-tab-sw>
参数说明
pattern:布尔值(true/false)代表两种类型tab的切换
tabsList:tab数据(数组)
@change:点击时的回调(接收参数index)
数据格式
tabsList: [
{
name: 'tab1',
id: 1
},
{
name: 'tab2',
id: 2
},
{
name: 'tab3',
id: 3
},
{
name: 'tab4',
id: 4
},
{
name: 'tab5',
id: 6
}
]