rose-menu v1.1.20

VUE3 版本的 Menu 菜单

1.RoseMenu

2.RoseStoreMenu

安装使用

npm install rose-menu

在 main.ts 中使用

import { RoseMenu, RoseStoreMenu } from "rose-menu";
import "rose-menu/style.css";

app.use(RoseMenu);

菜单的使用，以及参数，目前未做注释，更新后会写出完整文档

<RoseStoreMenu
  storeKey="header"
  mode="x"
  :options="router"
  :router="routerVue实例"
  keyShow="path"
/>

<RoseMenu
  :options="config.options"
  v-model:activeItem="config.activeItem"
  v-model:activeField="config.activeField"
  v-model:activeDeep="config.activeDeep"
  v-model:activeChildrenCount="config.activeChildrenCount"
  v-model:collapsed="config.collapsed"
  :width="config.width"
  :mode="config.mode"
  :collapsedWindowsWidth="config.collapsedWindowsWidth"
  :onlyRoot="config.onlyRoot"
  :routerNoTo="config.routerNoTo"
  :bg="config.bg"
  :keyShow="config.keyShow"
  :keyIcon="config.keyIcon"
  :keyTitle="config.keyTitle"
  :defaultPopIcon="config.defaultPopIcon"
  :defaultIcon="config.defaultIcon"
  :defaultArrow="config.defaultArrow"
  :defaultClose="config.defaultClose"
  :itemSpacing="config.itemSpacing"
  :itemRound="config.itemRound"
  :indent="config.indent"
  :size="config.size"
  :rootShadow="config.rootShadow"
  :rootColor="config.rootColor"
  :rootBg="config.rootBg"
  :rootHoverColor="config.rootHoverColor"
  :rootHoverBg="config.rootHoverBg"
  :rootActiveColor="config.rootActiveColor"
  :rootActiveBg="config.rootActiveBg"
  :subShadow="config.subShadow"
  :subColor="config.subColor"
  :subBg="config.subBg"
  :subHoverColor="config.subHoverColor"
  :subHoverBg="config.subHoverBg"
  :subActiveColor="config.subActiveColor"
  :subActiveBg="config.subActiveBg"
  :collapsedColor="config.collapsedColor"
  :collapsedBg="config.collapsedBg"
  :collapsedHoverColor="config.collapsedHoverColor"
  :collapsedHoverBg="config.collapsedHoverBg"
  :collapsedActiveColor="config.collapsedActiveColor"
  :collapsedActiveBg="config.collapsedActiveBg"
  :popColor="config.popColor"
  :popBg="config.popBg"
  :popHoverColor="config.popHoverColor"
  :popHoverBg="config.popHoverBg"
  :popActiveColor="config.popActiveColor"
  :popActiveBg="config.popActiveBg"
  :gap="config.gap"
  :py="config.py"
  :mx="config.mx"
  :animated="config.animated"
  :delay="config.delay"
  :field="config.field"
  :hiddenIcon="config.hiddenIcon"
  :hiddenArrow="config.hiddenArrow"
  :hiddenTitle="config.hiddenTitle"
  :hiddenClose="config.hiddenClose"
  :popBoxRound="config.popBoxRound"
  :popBoxBg="config.popBoxBg"
  :popBoxShadow="config.popBoxShadow"
  :popBoxHeightPercentage="config.popBoxHeightPercentage"
  :popBoxSubBg="config.popBoxSubBg"
  :popBoxSubShadow="config.popBoxSubShadow"
  :collapsedBoxRound="config.collapsedBoxRound"
  :collapsedBoxBg="config.collapsedBoxBg"
  :collapsedBoxShadow="config.collapsedBoxShadow"
/>