vue3-pure-ui

vue3-pure-ui 是基于 [email protected] 制作的一款基础 UI 库

特点

• 简单易用，UI 组合了 select 各类型选择器，部分组件基于 [email protected]
• 支持自定义组件前缀，默认 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>

组件文档

Button

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: [email protected] （致邮时注明使用单位）

Document: https://gitee.com/jsdawn/pure-ui-document.git