84 lines
1.3 KiB
JavaScript
84 lines
1.3 KiB
JavaScript
|
export default {
|
|||
|
|
props: {
|
|||
|
|
// 标题
|
|||
|
|
title: {
|
|||
|
|
type: String,
|
|||
|
|
required: true
|
|||
|
|
},
|
|||
|
|
// 标题样式
|
|||
|
|
titleStyle: {
|
|||
|
|
type: String,
|
|||
|
|
},
|
|||
|
|
// 总数,计算的分母
|
|||
|
|
total: {
|
|||
|
|
type: Number,
|
|||
|
|
required: true
|
|||
|
|
},
|
|||
|
|
// 第一个值
|
|||
|
|
firstValue: {
|
|||
|
|
type: Number,
|
|||
|
|
required: true
|
|||
|
|
},
|
|||
|
|
// 第二个值
|
|||
|
|
secondValue: {
|
|||
|
|
type: Number
|
|||
|
|
},
|
|||
|
|
// 进度条背景颜色
|
|||
|
|
backColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: '#f2f2f2'
|
|||
|
|
},
|
|||
|
|
// 进度条高度
|
|||
|
|
barHeight: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 进度条圆角
|
|||
|
|
barRadius: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 进度条颜色
|
|||
|
|
contentColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: '#4cd964'
|
|||
|
|
},
|
|||
|
|
// 进度条2颜色
|
|||
|
|
contentColor2: {
|
|||
|
|
type: String,
|
|||
|
|
default: '#f0ad4e'
|
|||
|
|
},
|
|||
|
|
// 进度条最小长度
|
|||
|
|
minWidth: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 文字大小
|
|||
|
|
textSize: {
|
|||
|
|
type: String,
|
|||
|
|
default: '16px'
|
|||
|
|
},
|
|||
|
|
// 文字颜色
|
|||
|
|
textColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: '#333333'
|
|||
|
|
},
|
|||
|
|
// 文字内显、外显、不显，可选值：inside/outside/none
|
|||
|
|
textPosition: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'inside'
|
|||
|
|
},
|
|||
|
|
// 展示百分比或值
|
|||
|
|
percentum: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
// 百分比精确到小数点后几位
|
|||
|
|
precision: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: 2
|
|||
|
|
},
|
|||
|
|
// 是否选择动画加载
|
|||
|
|
animation: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|