1 Star 0 Fork 1

weblfg / ViviaUI

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
The current repository's web page is accessible only to members. If you need to make it public, please ask author weblfg to submit applications.
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md
  1. 安装

    • 项目根目录中进行安装

    1.1 使用npm

    npm install vivia-ui@0.1.0 -S

    1.2 使用cnpm

    cnpm install vivia-ui@0.1.0 -S
  2. 引入

    • 在main.js中进行引入

       import ViviaUI from "vivia-ui";
       import "vivia-ui/dist/vivid-ui.css";
       Vue.use(ViviaUI);
  3. 基础组件(以v-为前缀)

  • examples

    <v-button></v-button>
    <v-modal></v-modal>
    <v-form></v-form>
    ...
  • button

参数支持

参数名 参数描述 参数类型 默认值
type 按钮类型(primary/success/warning/danger/info) String default
plain 是否朴素按钮 Boolean false
round 是否圆角 Boolean false
size 大小(large /small) String default
circle 是否是圆形按钮 Boolean false
disabled 是否禁用 Boolean false

事件支持

事件名 事件描述
click 点击事件
  • modal

    参数支持

    参数名 参数描述 参数类型 默认值
    title 对话框标题 string 提示
    width 宽度 string 50%
    top 与顶部的距离 string 15vh
    visible 是否显示dialog(支持sync修饰符) boolean false

    事件支持

    事件名 事件描述
    opened 模态框显示的事件
    closed 模态框关闭的事件

    插槽slot

    插槽名称 插槽描述
    default modal的内容
    title modal的标题
    footer modal的底部操作区
  • input

    参数支持

    参数名称 参数描述 参数类型 默认值
    placeholder 占位符 string
    type 文本框类型(text/password) string text
    disabled 禁用 boolean false
    clearable 是否显示清空按钮 boolean false
    show-password 是否显示密码切换按钮 boolean false
    name name属性 string

    事件支持

    事件名称 事件描述
    blur 失去焦点事件
    change 内容改变事件
    focus 获取的焦点事件
  • switch

    参数支持

    参数名称 参数描述 参数类型 默认值
    v-model 双向绑定 boolean false
    name name属性 string text
    activeColor 自定义激活的颜色 string
    inactiveColor 自定义不激活的颜色 string

    事件支持

    事件名称 事件描述
    change change时触发的事件
  • radio

    参数支持

    参数名称 参数描述 参数类型 默认值
    v-model 双向绑定 boolean false
    label 单选框的value值 string/number/boolean
    name name属性 string
  • checkbox

    参数支持

    参数名称 参数描述 参数类型 默认值
    value 双向绑定 boolean false
    label 单选框的value值 string
    name name属性 string
  • checkbox-group

    参数名 类型
    value array
  • form

    参数支持

    参数名 类型 required
    model object true
    参数名 类型 默认值
    labelWidth string 80px
    • form-item

      参数支持

      参数名 类型
      label string

Repository Comments ( 0 )

Sign in to post a comment

About

2020年新一代的基于vue开源的UI组件库,仅供参考学习 expand collapse
JavaScript
Unlicense
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/weblfg/ViviaUI.git
git@gitee.com:weblfg/ViviaUI.git
weblfg
ViviaUI
ViviaUI
master

Search

103111 552b83b3 1850385 103110 ed87a847 1850385