@enjoyor/enloop-modules

基于 element ui 封装的模块

Usage no npm install needed!

<script type="module">
  import enjoyorEnloopModules from 'https://cdn.skypack.dev/@enjoyor/enloop-modules';
</script>

README

enloop-modules

这是 Enloop-Hub 开发过程中产生的公共组件库,用于类似Enloop-Hub系统开发,本项目基于 element ui,方便更快地开发风格类似的项目。

1.导入依赖:

yarn add @enjoyor/enloop-modules

2.在main.js引入:

import enloop from '@enjoyor/enloop-modules'
import '@enjoyor/enloop-modules/enloop-modules.css'

Vue.use(enloop)

ETop 页面顶部

功能包括:顶部跳转到管控桌面、退出、获取系统名称、获取用户名;

 <e-top system-code="DI_DESIGN"></e-top>

属性列表:

属性名称|说明|默认值| -|-|-| show-message-tip|是否显示信息推送框|false| show-help|是否显示帮助按钮|false| system-code|系统编码| menus|下拉菜单数组|['退出']

函数列表:

函数名称|说明|参数| -|-|-| dropdownMenuClick|下拉菜单点击事件|菜单名称、$event| helperClick|帮助按钮点击事件|$event|

需要注意的是:

  • 1.根目录下的 .env 一定要有 VUE_APP_NAME='/xxx';
  • 2.vue.config.js 至少要有:
  devServer: {
    port: 82,
    proxy: {
      '/api-*': {
        target: 'http://192.168.93.73:8201',
        changeOrigin: true
      },
      '/cas-server': {
        target: 'http://192.168.93.73:8080',
        changeOrigin: true
      }
    }
  }