2023-03-11

king

2023-03-11 34e7681fd12b1c4e4994d3bea1a553870e10bc50

 src/components/qrcode/index.jsx

@@ -5,7 +5,7 @@

import './index.scss'

class BarCode extends Component {
class MkQrCode extends Component {
  static propTpyes = {
    card: PropTypes.object,  // 条码设置
    value: PropTypes.any,    // 条码值
@@ -28,21 +28,26 @@
  render() {
    const { value, card } = this.props
    let color = card.color
    let size = card.qrWidth || 50
    let width = size + 'px'
    
    if (/rgb/ig.test(color)) {
      color = this.hexify(color)
    }
    if (size < 640) {
      size = 640
    }

    return (
      <div className="qrcode-box">
      <div className="qrcode-box" style={{width: width, height: width}}>
        <QrCode
          value={value}
          size={card.qrWidth || 50}
          size={size}
          fgColor={color}
          imageSettings={card.url ? {
            src: card.url,
            height: (card.qrWidth || 50) / 4,
            width: (card.qrWidth || 50) / 4,
            height: size / 5,
            width: size / 5,
            excavate: true
          } : null}/>
      </div>
@@ -50,4 +55,4 @@
  }
}

export default BarCode
export default MkQrCode