From d4ceae86a84c085d240ecf1e1a2c8b697b8a40bc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 十一月 2021 12:59:46 +0800
Subject: [PATCH] 2021-11-18
---
src/components/mkProgress/index.jsx | 10 ++++++++--
1 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/mkProgress/index.jsx b/src/components/mkProgress/index.jsx
index 6c68405..007f05b 100644
--- a/src/components/mkProgress/index.jsx
+++ b/src/components/mkProgress/index.jsx
@@ -15,9 +15,14 @@
const { value, config, color } = this.props
let type = config.showType || 'line'
+ let style = {}
+
+ if (config.showInfo === 'true') {
+ style.color = config.infoColor || 'rgba(0, 0, 0, 0.65)'
+ }
if (type === 'line') {
- return <Progress percent={value} type="line" className={config.strokeLinecap || ''} strokeWidth={config.strokeWidth || 8} strokeColor={color} showInfo={config.showInfo === 'true'}/>
+ return <Progress percent={value} type="line" style={style} className={config.strokeLinecap || ''} strokeWidth={config.strokeWidth || 8} strokeColor={color} showInfo={config.showInfo === 'true'}/>
}
let width = config.outlineWidth || 0
@@ -25,10 +30,11 @@
if (this.progress && (!width || width > this.progress.clientWidth)) {
width = this.progress.clientWidth
}
+ style.stroke = config.trailColor || '#f5f5f5'
return (
<div ref={(ref) => this.progress = ref } style={{textAlign: config.textAlign || 'left'}}>
- <Progress percent={value} width={width} strokeLinecap={config.strokeLinecap || 'round'} type={type} strokeWidth={config.strokeWidth || 8} strokeColor={color} showInfo={config.showInfo === 'true'}/>
+ <Progress percent={value} width={width} style={style} strokeLinecap={config.strokeLinecap || 'round'} type={type} strokeWidth={config.strokeWidth || 8} strokeColor={color} showInfo={config.showInfo === 'true'}/>
</div>
)
}
--
Gitblit v1.8.0