更新记录
1.0.0(2024-02-04)
无
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
需要帮助可直接联系qq2786885584
啰嗦一下
必看提醒
- 仅支持微信小程序
传参
参数 |
类型 |
说明 |
list |
Arrow |
列表数据 |
@click |
Function |
点击切换方法 |
使用方式
示例
<template>
<view>
<kf-tab-v1 bodyClass="tab_box" @click="ciktab" :list="tablist"></kf-tab-v1>
</view>
</template>
<script>
export default {
data() {
return {
tablist: [
{
name: 'tab1',
value: 1
},
{
name: 'tab2',
value: 2
}
]
}
},
methods: {
//最上方tab切换
ciktab(e) {
console.log(e)
}
}
}
</script>
<style>
.tab_box {
background-color: #fff;
width: 100%;
height: 110rpx;
}
</style>
### 代码逻辑
###
tablist: [
{
name: '动态区',
value: 1
},
{
name: '晒幸福',
value: 2
}
],