2021-11-18

king

2021-11-18 d4ceae86a84c085d240ecf1e1a2c8b697b8a40bc

 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>
    )
  }