meixihelpmenu

• meixihelpmenu
  • 项目结构
  • Project setup
  • 在子系统中使用
  • 通过函数式使用
  • 通过组件使用

插件预览

插件预览

项目结构

    |-- packages   ----------------------------插件项目目录
    |   |-- HelpMenu.js
    |   |-- HelpMenu.ts -----------------------导出的主要功能函数，包括弹出抽屉的功能函数
    |   |-- index.js
    |   |-- index.ts
    |   |-- type.d.ts
    |   |-- component -------------------------组件目录
    |   |   |-- handleToViewHelpMenu.vue
    |   |   |-- helpMenuDocument.vue
    |   |   |-- helpMenuDocumentSkeleton.vue
    |   |   |-- index.vue
    |   |-- config
    |   |   |-- request.ts --------------------网络请求
    |   |-- typings
    |       |-- .d.ts
    |-- public
    |   |-- favicon.ico
    |   |-- index.html
    |-- src

Project setup

npm install meixihelpmenu

在子系统中使用

通过函数式使用

//函数式打开帮助手册
//引入插件
import {helpMenu} from "meixihelpmenu"
//打开帮助手册 query是后端指定的id
helpMenu.onHandleHelpMenu(query)

通过组件使用

import {handleHelpMenuIcon} from "meixihelpmenu"

const handleHelpMenuIcon = handleHelpMenuIcon;
// vue options api中注册组件
component:{
    handleHelpMenuIcon
}

<!--通过注册组件-->
<handle-to-view-help-menu
        :query="`helpMenu_template`"
></handle-to-view-help-menu>