0.1.0 • Published 4 years ago
atrist-ui v0.1.0
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-uibutton组件
组件名: 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的底部操作区
0.1.0
4 years ago