1.0.25 • Published 2 years ago

me-design-vue v1.0.25

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

me-design-vue 基于vue3组件库

基于vue3的一个用户体验良好的组件库,支持按需引入和全部导入的方式。 提高开发效率。

目前设计思路:

ui样式采用全局 --> 模块 --> 功能的方式搭建

安装:

  // 使用yarn or npm 
  yarn add me-design-vue
  npm i me-design-vue

快速开始

  import { createApp } from 'vue'
  import App from 'App.vue'
  import MeDesign from 'me-design'
  import 'me-design/dist/index.css'

  const app = createApp(App)
  
  app.use(MeDesign)

基础组件

button按钮组件

  //  按钮类型
  <MButton type="primary" size="small">primary</MButton>

属性说明:

属性说明类型默认值可选值
type类型按钮string-primary dashed text link
size尺寸大小stringsmallmini large
loading加载booleanfalsetrue
disabled禁用booleanfalsetrue
shape形状stringround circle-
danger告警按钮booleanfalsetrue

input 组件

   //  按钮类型
   <m-input v-model:value="value" size="small" @input="onInput" />

属性说明:

属性说明类型默认值可选值
type类型string-text password number
size尺寸stringsmallmini large
allowClear清空booleanfalsetrue
disabled禁用booleanfalsetrue
readonly只读booleanfalse-
autocomplete原生支持string--

事件

属性说明类型默认值可选值
input输入()=>void--
change改变值()=>void--
blur失焦()=>{}--

inputNumber 组件

   //  按钮类型
   <m-input-number v-model:value="value" size="small" @input="onInput" />

属性说明:

属性说明类型默认值可选值
type类型string-number
size尺寸stringsmallmini large
allowClear清空booleanfalsetrue
disabled禁用booleanfalsetrue
readonly只读booleanfalse-
autocomplete原生支持string--

事件

属性说明类型默认值可选值
input输入()=>void--
change改变值()=>void--
blur失焦()=>{}--
1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.11

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.1.3501

2 years ago