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
| export default {
| props: {
| // 是否显示圆点
| isDot: {
| type: Boolean,
| default: uni.$u.props.badge.isDot
| },
| // 显示的内容
| value: {
| type: [Number, String],
| default: uni.$u.props.badge.value
| },
| // 是否显示
| show: {
| type: Boolean,
| default: uni.$u.props.badge.show
| },
| // 最大值，超过最大值会显示 '{max}+'
| max: {
| type: [Number, String],
| default: uni.$u.props.badge.max
| },
| // 主题类型，error|warning|success|primary
| type: {
| type: String,
| default: uni.$u.props.badge.type
| },
| // 当数值为 0 时，是否展示 Badge
| showZero: {
| type: Boolean,
| default: uni.$u.props.badge.showZero
| },
| // 背景颜色，优先级比type高，如设置，type参数会失效
| bgColor: {
| type: [String, null],
| default: uni.$u.props.badge.bgColor
| },
| // 字体颜色
| color: {
| type: [String, null],
| default: uni.$u.props.badge.color
| },
| // 徽标形状，circle-四角均为圆角，horn-左下角为直角
| shape: {
| type: String,
| default: uni.$u.props.badge.shape
| },
| // 设置数字的显示方式，overflow|ellipsis|limit
| // overflow会根据max字段判断，超出显示`${max}+`
| // ellipsis会根据max判断，超出显示`${max}...`
| // limit会依据1000作为判断条件，超出1000，显示`${value/1000}K`，比如2.2k、3.34w，最多保留2位小数
| numberType: {
| type: String,
| default: uni.$u.props.badge.numberType
| },
| // 设置badge的位置偏移，格式为 [x, y]，也即设置的为top和right的值，absolute为true时有效
| offset: {
| type: Array,
| default: uni.$u.props.badge.offset
| },
| // 是否反转背景和字体颜色
| inverted: {
| type: Boolean,
| default: uni.$u.props.badge.inverted
| },
| // 是否绝对定位
| absolute: {
| type: Boolean,
| default: uni.$u.props.badge.absolute
| }
| }
| }
|
|
