Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Correct Level adjustment]

This commit is contained in:
CPunisher 2020-05-06 13:08:01 +08:00
parent 1ef04fe418
commit 24f1388268
2 changed files with 44 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Footer.js Normal file
View File

@ -0,0 +1,20 @@
import React from "react";
import './Qrcode.css';
const currentYear = new Date().getFullYear();
class Footer extends React.Component {
render() {
return (
<div className="Qr-titled">
<div className="Qr-Centered Qr-footer note-font">
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener noreferrer" target="_blank">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener noreferrer" target="_blank">CPunisher</a></div>
<div className="Gray">Copyright © {currentYear} QRBTF. 保留所有权利。</div>
<div className="Gray"><a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">浙 ICP 备 19005869 号 </a></div>
</div>
</div>
);
}
}
export default Footer

41
src/components/Qrcode.js
View File

@ -8,6 +8,7 @@ import {isWeiXin} from "../utils/util";
import './Qrcode.css'; import './Qrcode.css';
import logo from '../qrbtf-logo.svg'; import logo from '../qrbtf-logo.svg';
import Footer from "./Footer";
import QrItem from "./QrItem"; import QrItem from "./QrItem";
import QrRendererBase from "./QrRendererBase"; import QrRendererBase from "./QrRendererBase";
import QrRendererRound from "./QrRendererRound"; import QrRendererRound from "./QrRendererRound";
@ -32,7 +33,6 @@ const styleList = [
{value: "D2", renderer: QrRendererBlank}, {value: "D2", renderer: QrRendererBlank},
]; ];
const currentYear = new Date().getFullYear();
class Qrcode extends React.Component { class Qrcode extends React.Component {
paramInfoBuffer; paramInfoBuffer;
@ -53,7 +53,8 @@ class Qrcode extends React.Component {
options: {text: ''}, options: {text: ''},
qrcode: null, qrcode: null,
paramInfo: [], paramInfo: [],
paramValue: [] paramValue: [],
correctLevel: 0
}; };
this.paramInfoBuffer = new Array(16).fill(new Array(16)); this.paramInfoBuffer = new Array(16).fill(new Array(16));
this.paramValueBuffer = new Array(16).fill(new Array(16)); this.paramValueBuffer = new Array(16).fill(new Array(16));
@ -66,7 +67,7 @@ class Qrcode extends React.Component {
paramValue: this.paramValueBuffer, paramValue: this.paramValueBuffer,
text: text, text: text,
options: {text: text}, options: {text: text},
qrcode: getQrcodeData({text: text}) qrcode: getQrcodeData({text: text, correctLevel: this.state.correctLevel})
}); });
} }
@ -95,13 +96,8 @@ class Qrcode extends React.Component {
handleCreate(e) { handleCreate(e) {
let text = this.state.text let text = this.state.text
if (text.length <= 0) text = 'https://qrbtf.com/';
if (text.length > 0) this.setState({text: text, options: {text: text}, qrcode: getQrcodeData({text: text, correctLevel: this.state.correctLevel})});
this.setState({options: {text: text}, qrcode: getQrcodeData({text: text})});
else {
text = 'https://qrbtf.com/';
this.setState({text: text, options: {text: text}, qrcode: getQrcodeData({text: text})});
}
if (e) e.target.blur(); if (e) e.target.blur();
} }
@ -219,6 +215,23 @@ class Qrcode extends React.Component {
<div className="Qr-div-table"> <div className="Qr-div-table">
<table className="Qr-table"> <table className="Qr-table">
<tbody> <tbody>
<tr>
<td>容错率</td>
<td>
<select
className="Qr-select"
value={this.state.correctLevel}
onChange={(e) => { this.setState({correctLevel: parseInt(e.target.value)})
this.setState({correctLevel: parseInt(e.target.value)})
this.handleCreate()
}}>
<option value={1}>7%</option>
<option value={0}>15%</option>
<option value={3}>20%</option>
<option value={2}>30%</option>
</select>
</td>
</tr>
{this.renderAdjustment()} {this.renderAdjustment()}
</tbody> </tbody>
</table> </table>
@ -258,13 +271,7 @@ class Qrcode extends React.Component {
</div> </div>
</div> </div>
</div> </div>
<div className="Qr-titled"> <Footer />
<div className="Qr-Centered Qr-footer note-font">
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener noreferrer" target="_blank">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener noreferrer" target="_blank">CPunisher</a></div>
<div className="Gray">Copyright © {currentYear} QRBTF. 保留所有权利。</div>
<div className="Gray"><a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">浙 ICP 备 19005869 号 </a></div>
</div>
</div>
</div> </div>
); );
} }