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

[Download svg/jpg]

This commit is contained in:
CPunisher 2020-05-03 15:47:55 +08:00
parent 2f651c4a3f 900c6746d6
commit be72fa3461
5 changed files with 54 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
.idea/workspace.xml
View File

@ -423,7 +423,21 @@
<option name="project" value="LOCAL" />
<updated>1588438351027</updated>
</task>
<option name="localTasksCounter" value="46" />
<task id="LOCAL-00046" summary="取消移动端 Qr-item 点击高亮">
<created>1588476169668</created>
<option name="number" value="00046" />
<option name="presentableId" value="LOCAL-00046" />
<option name="project" value="LOCAL" />
<updated>1588476169668</updated>
</task>
<task id="LOCAL-00047" summary="footer Copyright，标题更名">
<created>1588478457716</created>
<option name="number" value="00047" />
<option name="presentableId" value="LOCAL-00047" />
<option name="project" value="LOCAL" />
<updated>1588478457716</updated>
</task>
<option name="localTasksCounter" value="48" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -449,26 +463,33 @@
<MESSAGE value="新增更多与 footer 静态组件" />
<MESSAGE value="修复 index.html meta 标签问题" />
<MESSAGE value="修复选择样式" />
<option name="LAST_COMMIT_MESSAGE" value="修复选择样式" />
<MESSAGE value="取消移动端 Qr-item 点击高亮" />
<MESSAGE value="footer Copyright，标题更名" />
<option name="LAST_COMMIT_MESSAGE" value="footer Copyright，标题更名" />
</component>
<component name="WindowStateProjectService">
<state x="1161" y="421" key="#Notifications" timestamp="1588307553058">
<screen x="0" y="23" width="2541" height="1057" />
</state>
<state x="1161" y="421" key="#Notifications/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588307553058" />
<<<<<<< HEAD
<state x="270" y="57" key="SettingsEditor" timestamp="1588491676810">
<screen x="0" y="0" width="1536" height="824" />
</state>
<state x="270" y="57" key="SettingsEditor/0.0.1536.824@0.0.1536.824" timestamp="1588491676810" />
<state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588438354037">
=======
<state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588478463660">
>>>>>>> 900c6746d693d000e57edec16ede355945761470
<screen x="0" y="0" width="2560" height="1080" />
</state>
<state x="877" y="274" key="Vcs.Push.Dialog.v2/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588438354037" />
<state x="877" y="274" key="Vcs.Push.Dialog.v2/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588478463660" />
<state x="870" y="291" key="Vcs.Push.Dialog.v2/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588351718130" />
<state x="99" y="100" width="2343" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog" timestamp="1588438456208">
<screen x="0" y="0" width="2560" height="1080" />
</state>
<state x="99" y="100" width="2343" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588438456208" />
<<<<<<< HEAD
<state x="380" y="14" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser" timestamp="1588479183892">
<screen x="0" y="0" width="1536" height="824" />
</state>
@ -478,9 +499,12 @@
</state>
<state x="793" y="181" width="613" height="584" key="find.popup/0.0.1536.824@0.0.1536.824" timestamp="1588490972232" />
<state x="1004" y="331" key="git4idea.merge.GitPullDialog" timestamp="1588436573499">
=======
<state x="1004" y="331" key="git4idea.merge.GitPullDialog" timestamp="1588476025285">
>>>>>>> 900c6746d693d000e57edec16ede355945761470
<screen x="0" y="0" width="2560" height="1080" />
</state>
<state x="1004" y="331" key="git4idea.merge.GitPullDialog/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588436573499" />
<state x="1004" y="331" key="git4idea.merge.GitPullDialog/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588476025285" />
<state x="997" y="347" key="git4idea.merge.GitPullDialog/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588322703667" />
<state x="1092" y="452" key="git4idea.remote.GitConfigureRemotesDialog" timestamp="1588308606948">
<screen x="0" y="23" width="2541" height="1057" />

2
public/index.html
View File

@ -25,7 +25,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>qrbtf.com 参数化二维码生成器</title>
<title>QRBTF 参数化二维码生成器</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

2
src/components/QrItem.js
View File

@ -2,7 +2,7 @@ import React from "react";
import './Qrcode.css'
function calClassName(props) {
if (props.selected == true) return 'Qr-item Qr-item-selected';
if (props.selected === true) return 'Qr-item Qr-item-selected';
return 'Qr-item';
}

18
src/components/Qrcode.css
View File

@ -54,7 +54,7 @@
.Qr-box {
white-space: nowrap;
display: flex;
padding: 0px 13px 0px 23px;
padding: 0 13px 0 23px;
}
@media (min-width: 1000px) {
@ -70,6 +70,9 @@
display:block!important;
margin-right: 10px;
cursor: pointer;
-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.Qr-item-image {
@ -315,10 +318,21 @@ table {
}
.Qr-footer {
font-size: 14px;
color: #1D1D1F;
font-size: 12px;
margin-bottom: -4px;
}
@media (min-width: 500px) {
.Qr-footer {
font-size: 14px;
}
}
.Gray {
color: #86868B;
}
.Qr-footer div {
margin-bottom: 4px;
}

10
src/components/Qrcode.js
View File

@ -9,6 +9,9 @@ import QrRendererRound from "./QrRendererRound";
import QrRendererBlank from "./QrRendererBlank";
import QrItem from "./QrItem";
const date = new Date();
const currentYear = date.getFullYear();
const styleList = [
{value: "A1", renderer: QrRendererBase},
{value: "A2", renderer: QrRendererRound},
@ -83,7 +86,7 @@ class Qrcode extends React.Component {
placeholder="Input your URL here"
onChange={this.handleChange}
onBlur={this.handleCreate}
onKeyPress={(e) => {if(e.key == 'Enter') this.handleCreate(e)}}
onKeyPress={(e) => {if(e.key === 'Enter') this.handleCreate(e)}}
/>
</div>
<div className="Qr-titled">
@ -162,8 +165,9 @@ class Qrcode extends React.Component {
</div>
<div className="Qr-titled">
<div className="Qr-Centered Qr-footer">
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener" target="_blank" data-pjax-state="">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener" target="_blank" data-pjax-state="">CPunisher</a></div>
<div><a href="http://www.beian.miit.gov.cn/" rel="noopener" target="_blank" data-pjax-state="">浙 ICP 备 19005869 号 </a></div>
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener noreferrer" target="_blank" data-pjax-state="">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener noreferrer" target="_blank" data-pjax-state="">CPunisher</a></div>
<div className="Gray">Copyright © {currentYear} QRBTF. All rights reserved.</div>
<div className="Gray"><a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank" data-pjax-state="">浙 ICP 备 19005869 号 </a></div>
</div>
</div>
</div>