vue3-pure-ui
是基于 Vue@3.0
制作的一款基础 UI 库
- 简单易用,UI 组合了 select 各类型选择器,部分组件基于
vant@3.0.6
- 支持自定义组件前缀,默认
Pure
- 提供以 npm 的形式安装提供全局组件
yarn add vue3-pure-ui
或
npm install vue3-pure-ui -S
在 main.js
文件注册插件,支持 prefix 配置插件前缀,默认 Pure
# main.js
import PureUI from "vue3-pure-ui";
const app = createApp(App);
app.use(PureUI, { prefix: "Pure" });
在项目中使用 pure-ui 组件
<template>
<pure-button type="primary">按钮</pure-button>
</template>
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
loading | 是否显示为加载状态 | boolean | false |
disabled | 是否禁用 | boolean | false |
type | 类型,可选值 info/primary/dark
|
string | normal |
size | 尺寸,可选值 mini/small/large
|
string | normal |
round | 是否为圆形按钮 | boolean | false |
block | 是否为块级元素 | boolean | false |
Events
事件名 | 说明 | 回调参数 |
---|---|---|
click | 点击按钮 | event: MouseEvent |
snapshot
Email: kingwyh1993@163.com (致邮时注明使用单位)