| | |
|---|
| | | {!overdone ? <div className="qrcode-box"> |
|---|
| | | {!overdue ? <p>距离二维码过期还剩<span>{second}</span>秒，过期后请刷新页面重新获取二维码。</p> : null} |
|---|
| | | {overdue ? <p className="overdue">二维码已过期，<span onClick={this.resetQrcode}>刷新</span>页面重新获取二维码。</p> : null} |
|---|
| | | <QRCode |
|---|
| | | value={qrcode} |
|---|
| | | size={250} |
|---|
| | | fgColor="#000000" |
|---|
| | | // imageSettings={{ |
|---|
| | | // src: '', |
|---|
| | | // height: 60, |
|---|
| | | // width: 60, |
|---|
| | | // excavate: true |
|---|
| | | // }} |
|---|
| | | /> |
|---|
| | | <QRCode value={qrcode} size={250} fgColor="#000000"/> |
|---|
| | | {!overdue && !qrcode ? <div className="qr-mask"></div> : null} |
|---|
| | | {overdue ? <div className="overdue-mask"><p onClick={this.resetQrcode}>获取失败 点击重新获取二维码</p></div> : null} |
|---|
| | | <div className="qrcode-tip"> |
|---|
| | | <img src={WeiXinScan} alt=""/> |
|---|
