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