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/menu/components/card/cardcellcomponent/dragaction/mkProgress/index.jsx | 11 +++++++++-- 1 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/menu/components/card/cardcellcomponent/dragaction/mkProgress/index.jsx b/src/menu/components/card/cardcellcomponent/dragaction/mkProgress/index.jsx index bfb3d89..1db8ce5 100644 --- a/src/menu/components/card/cardcellcomponent/dragaction/mkProgress/index.jsx +++ b/src/menu/components/card/cardcellcomponent/dragaction/mkProgress/index.jsx @@ -14,9 +14,14 @@ const { value, config } = 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={config.color} showInfo={config.showInfo === 'true'}/> + return <Progress percent={value} style={style} type="line" className={config.strokeLinecap || ''} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> } let width = config.outlineWidth || 0 @@ -25,9 +30,11 @@ 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} type={type} strokeLinecap={config.strokeLinecap || 'round'} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> + <Progress percent={value} width={width} style={style} type={type} strokeLinecap={config.strokeLinecap || 'round'} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> </div> ) } -- Gitblit v1.8.0