更新记录

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>

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。