UNPKG

kui-vue

Version:

A lightweight desktop UI component library suitable for Vue.js 2.

46 lines (40 loc) • 3.73 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
## API | 属性 | 说明 | 类型 | 默认值 | | -------- | -------------------------------------------- | ------------------- | ------ | | animated | 是否展示动画效果 | Boolean | false | | avatar | 是否显示头像占位图 | Boolean,AvatarProps | false | | loading | 为 true 时，显示占位图。反之则直接展示子组件 | Boolean | - | | rows | 设置段落占位图的行数 | Number | 3 | | width | 设置标题占位图的宽度 | Number(%) | 35 | | delay | 防抖(动画延迟关闭) | Number(毫秒) | 500 | ## Avatar Props | 属性 | 说明 | 类型 | 默认值 | | -------- | -------------------------------------------- | ----------------------------------- | ------ | | animated | 是否展示动画效果 | Boolean | false | | radius | 指定图片的圆角大小 | Number | - | | shape | 指定头像的形状 | circle \| square | false | | loading | 为 true 时，显示占位图。反之则直接展示子组件 | Boolean | - | | size | 设置头像占位图的大小 | number \| large \| small \| default | - | ## Button Props | 属性 | 说明 | 类型 | 默认值 | | -------- | -------------------------------------------- | -------------------------- | ------ | | animated | 是否展示动画效果 | Boolean | false | | loading | 为 true 时，显示占位图。反之则直接展示子组件 | Boolean | - | | shape | 指定头像的形状 | circle \| round \| default | - | | size | 设置按钮的大小 | large \| small \| default | - | | block | 将按钮宽度调整为其父宽度的选项 | Boolean | - | | width | 按钮宽度 | Number | - | ## Text Props | 属性 | 说明 | 类型 | 默认值 | | -------- | -------------------------------------------- | ------------------------- | ------ | | animated | 是否展示动画效果 | Boolean | false | | loading | 为 true 时，显示占位图。反之则直接展示子组件 | Boolean | - | | size | 设置文本的大小 | large \| small \| default | - | | width | 文本宽度 | Number | - | ## Image Props | 属性 | 说明 | 类型 | 默认值 | | -------- | -------------------------------------------- | ------------- | ------ | | animated | 是否展示动画效果 | Boolean | false | | loading | 为 true 时，显示占位图。反之则直接展示子组件 | Boolean | - | | radius | 指定图片的圆角大小 | Number | - | | size | 图片的宽(高)度 | Number\|Array | - |