1.0.25 • Published 2 years ago
me-design-vue v1.0.25
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 | 尺寸大小 | string | small | mini large |
loading | 加载 | boolean | false | true |
disabled | 禁用 | boolean | false | true |
shape | 形状 | string | round circle | - |
danger | 告警按钮 | boolean | false | true |
input 组件
// 按钮类型
<m-input v-model:value="value" size="small" @input="onInput" />
属性说明:
属性 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
type | 类型 | string | - | text password number |
size | 尺寸 | string | small | mini large |
allowClear | 清空 | boolean | false | true |
disabled | 禁用 | boolean | false | true |
readonly | 只读 | boolean | false | - |
autocomplete | 原生支持 | string | - | - |
事件
属性 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
input | 输入 | ()=>void | - | - |
change | 改变值 | ()=>void | - | - |
blur | 失焦 | ()=>{} | - | - |
inputNumber 组件
// 按钮类型
<m-input-number v-model:value="value" size="small" @input="onInput" />
属性说明:
属性 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
type | 类型 | string | - | number |
size | 尺寸 | string | small | mini large |
allowClear | 清空 | boolean | false | true |
disabled | 禁用 | boolean | false | true |
readonly | 只读 | boolean | false | - |
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