更新记录
1.0.0(2026-04-28)
下载此版本
组件中有示例,支持直接使用
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| - |
√ |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
qs-menu
使用示例
<qs-menu class="cate-tab" :keyWord="keyWord" tabbarKey="moduleName" menuItemKey="configList" v-model:list="list" :height="800">
<template #tabbar="{ item }">
<view>
{{ item.moduleName }}
</view>
</template>
<template #menu="{ item }">
<view style="color: #fff;">
{{item.serviceContent}}
</view>
</template>
</qs-menu>
</template>
<script setup>
import qsMenu from '@/uni_modules/qs-menu/components/qs-menu/qs-menu.vue';
const keyWord = ''
const list = [
{
moduleId: "33",
moduleName: "贴机",
configList: [
{
configId: "2047149208804298755",
accessoriesUnit: 122,
serviceContent: "贴机-项目"
}
]
},
{
moduleId: "2222",
moduleName: "贴机",
configList: [
{
accessoriesUnit: 122,
serviceContent: "qs"
}
]
}
]
</script>
<-- 小程序可能有样式穿透问题,要加这个 -->
<script>
export default {
options: { styleIsolation: 'shared' }
};
</script>
<style scoped lang="less">
</style>