From 900c6746d693d000e57edec16ede355945761470 Mon Sep 17 00:00:00 2001
From: ciaochaos <1272777550@qq.com>
Date: Sun, 3 May 2020 12:42:03 +0800
Subject: [PATCH] =?UTF-8?q?footer=20=E5=AD=97=E4=BD=93=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .idea/workspace.xml       | 19 ++++++++++++++-----
 src/components/QrItem.js  |  2 +-
 src/components/Qrcode.css | 13 ++++++++++++-
 src/components/Qrcode.js  | 10 +++++-----
 4 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9143a77..a665a38 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -12,7 +12,8 @@
   <component name="ChangeListManager">
     <list default="true" id="78c692f3-8e9f-49c7-86c1-0c5e9d711b1f" name="Default Changelist" comment="静态参数调节组件初步完成">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/QrItem.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/QrItem.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Qrcode.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/components/Qrcode.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.js" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -413,7 +414,14 @@
       <option name="project" value="LOCAL" />
       <updated>1588476169668</updated>
     </task>
-    <option name="localTasksCounter" value="47" />
+    <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">
@@ -440,17 +448,18 @@
     <MESSAGE value="修复 index.html meta 标签问题" />
     <MESSAGE value="修复选择样式" />
     <MESSAGE value="取消移动端 Qr-item 点击高亮" />
-    <option name="LAST_COMMIT_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" />
-    <state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588476173798">
+    <state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588478463660">
       <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="1588476173798" />
+    <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" />
diff --git a/src/components/QrItem.js b/src/components/QrItem.js
index 3f33bde..c93f45b 100644
--- a/src/components/QrItem.js
+++ b/src/components/QrItem.js
@@ -9,7 +9,7 @@ function calViewBox(props) {
 }
 
 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';
 }
 
diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index 4811194..03d7732 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -318,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;
 }
diff --git a/src/components/Qrcode.js b/src/components/Qrcode.js
index 4a6897b..93aecc6 100644
--- a/src/components/Qrcode.js
+++ b/src/components/Qrcode.js
@@ -70,7 +70,7 @@ class Qrcode extends React.Component {
                         value={this.state.text}
                         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">
@@ -87,7 +87,7 @@ class Qrcode extends React.Component {
                                         key={style.value}
                                         qrcode={this.state.qrcode}
                                         renderer={style.renderer}
-                                        selected={style.value == this.state.selected}
+                                        selected={style.value === this.state.selected}
                                         onSelected={this.handleSelected}
                                     />
                                 })
@@ -146,9 +146,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>Copyright © {currentYear} QRBTF. All rights reserved.</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>