49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
export default {
|
||
props: {
|
||
// 圆环进度百分比值
|
||
percent: {
|
||
type: Number,
|
||
default: ()=> uni.$u.props.circleProgress.percent,
|
||
// 限制值在0到100之间
|
||
validator: val => {
|
||
return val >= 0 && val <= 100;
|
||
}
|
||
},
|
||
// 底部圆环的颜色（灰色的圆环）
|
||
inactiveColor: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.circleProgress.inactiveColor,
|
||
},
|
||
// 圆环激活部分的颜色
|
||
activeColor: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.circleProgress.activeColor,
|
||
},
|
||
// 圆环线条的宽度，单位rpx
|
||
borderWidth: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.circleProgress.borderWidth
|
||
},
|
||
// 整个圆形的宽度，单位rpx
|
||
width: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.circleProgress.width
|
||
},
|
||
// 整个圆环执行一圈的时间，单位ms
|
||
duration: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.circleProgress.duration
|
||
},
|
||
// 主题类型
|
||
type: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.circleProgress.type
|
||
},
|
||
// 整个圆环进度区域的背景色
|
||
bgColor: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.circleProgress.bgColor
|
||
}
|
||
}
|
||
}
|