0.0.5 • Published 4 years ago

@enjoyor/enloop-ui v0.0.5

Weekly downloads
6
License
ISC
Repository
github
Last release
4 years ago

enloop-ui

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

1.导入依赖:

yarn add @enjoyor/enloop-ui

2.在main.js引入:

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

Vue.use(enloop)

ETop 页面顶部

e-top

 <e-top :show-message-tip="true" :show-help="true"
 user-name="用户123" system-name="系统1" 
 :menus="['用户信息','退出']" @dropdownMenuClick="dropdownMenuClick" 
 @helperClick="dropdownMenuClick" @systemNameClick="dropdownMenuClick"></e-top>

属性列表:

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

函数列表:

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

EInputConverter 单位转换组件

e-input-convert

此组件用于常见的单位转换,比如:

  • 后端接收毫秒,用户输入秒,前端完成转换。
  • 后端接收bit,用户输入M,前端完成转换,传入后端;

例如:前端需要输入G,后端接收M

 <e-input-converter v-model="maxMemorySize" :precision="2" 
 :scale="1024" :max="100" :min="1">G</e-input-converter>
  export default {
    data () {
      return {
        // 10G
        maxMemorySize: 10240
      }
    }
  }

属性列表:

属性名称说明类型默认值
scale进制Number
max最大值NumberNumber.MAX_VALUE
min最小值Number0
precision小数位数Number0

插槽:

名称作用
-单位
0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago