1.0.12 • Published 10 months ago

best-plus v1.0.12

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

best-plus 基于vue3组件库

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

目前设计思路:

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

安装:

  // 使用yarn or npm 
  yarn add best-plus
  npm i best-plus

快速开始

  import { createApp } from 'vue'
  import App from 'App.vue'
  import BestPlus from 'best-plus'
  import 'best-plus/dist/index.css'

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

基础组件

button按钮组件

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

属性说明:

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

input 组件

   //  按钮类型
   <be-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 组件

   //  按钮类型
   <be-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.12

10 months ago

1.0.11

10 months ago

1.0.1

10 months ago