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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
| import { range } from '@/uni_modules/uv-ui-tools/libs/function/test.js'
| export default {
| props: {
| // 头像图片路径(不能为相对路径)
| src: {
| type: String,
| default: ''
| },
| // 头像形状,circle-圆形,square-方形
| shape: {
| type: String,
| default: 'circle'
| },
| // 头像尺寸
| size: {
| type: [String, Number],
| default: 40
| },
| // 裁剪模式
| mode: {
| type: String,
| default: 'scaleToFill'
| },
| // 显示的文字
| text: {
| type: String,
| default: ''
| },
| // 背景色
| bgColor: {
| type: String,
| default: '#c0c4cc'
| },
| // 文字颜色
| color: {
| type: String,
| default: '#fff'
| },
| // 文字大小
| fontSize: {
| type: [String, Number],
| default: 18
| },
| // 显示的图标
| icon: {
| type: String,
| default: ''
| },
| // 显示小程序头像,只对百度,微信,QQ小程序有效
| mpAvatar: {
| type: Boolean,
| default: false
| },
| // 是否使用随机背景色
| randomBgColor: {
| type: Boolean,
| default: false
| },
| // 加载失败的默认头像(组件有内置默认图片)
| defaultUrl: {
| type: String,
| default: ''
| },
| // 如果配置了randomBgColor为true,且配置了此值,则从默认的背景色数组中取出对应索引的颜色值,取值0-19之间
| colorIndex: {
| type: [String, Number],
| // 校验参数规则,索引在0-19之间
| validator(n) {
| return range(n, [0, 19]) || n === ''
| },
| default: ''
| },
| // 组件标识符
| name: {
| type: String,
| default: ''
| },
| ...uni.$uv?.props?.avatar
| }
| }
|
|