atrist-ui

```bash vue create atrist-ui ``` 需要选择的内容为如下:

Usage no npm install needed!

<script type="module">
  import atristUi from 'https://cdn.skypack.dev/atrist-ui';
</script>

README

1. 创建一个 vue 项目

vue create atrist-ui

需要选择的内容为如下:

  • Babel,Css Pre-processors,Linter
  • node-sass
  • config -- Standard
  • Lint on save
  • In package.json

建立一个 vuepress 来写此 UI 的文档内容

vuepress create atrist-ui

button组件

组件名: atr-button

参数支持

参数名 参数描述 参数类型 默认值
type 按钮类型 string default
plain 是否为朴素按钮 boolean false
round 是否为圆角按钮 boolean false
circle 是否为圆形按钮 boolean false
disabled 是否禁用按钮 boolean false
icon 图标类名 string 无

事件支持

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

Dialog组件

参数支持

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

事件支持

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

插槽说明

插槽名称|插槽描述 default|dialog的内容 title|dialog的标题 footer|dialog的底部操作区