更新记录
1.0.0(2025-09-05)
下载此版本
- 调整为uni_modules目录规范
- 垂直分类组件实现完成
平台兼容性
uni-app(4.07)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
king-vtabs 垂直分类组件
平台兼容
| H5 |
微信小程序 |
支付宝小程序 |
百度小程序 |
头条小程序 |
QQ 小程序 |
App |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
代码演示
插件demo
- king-vtabs-demo 为 demo
- 位于 uni_modules/king-vtabs/components/king-vtabs-demo
- 导入插件后直接使用可查看demo
<template>
<block v-if="classifyData.length">
<king-vtabs :opts="classifyData" />
</block>
</template>
<script>
export default {
data() {
return {
classifyData: []
}
},
onLoad() {
setTimeout(() => {
const list = []
for(let i =1;i<50;i++){
list.push({
name: `菜单${i}`,
arrList:[
{
name:`生活用品${i}`,
icon: '/static/logo.png'
}
]
})
}
this.classifyData = list
}, 1000)
},
}
</script>
API
Props
| 参数 |
说明 |
类型 |
默认值 |
| opts |
列表数据 |
Array |
- |