1 Star 0 Fork 1

weblfg / ViviaUI

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
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

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

2020年新一代的基于vue开源的UI组件库,仅供参考学习 展开 收起
JavaScript
Unlicense
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/weblfg/ViviaUI.git
git@gitee.com:weblfg/ViviaUI.git
weblfg
ViviaUI
ViviaUI
master

搜索帮助