更新记录

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 -

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。