From 358e9c08ee408a0baabff2c9d14a39f447f72c9d Mon Sep 17 00:00:00 2001
From: ciaochaos <1272777550@qq.com>
Date: Tue, 5 May 2020 13:03:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E4=BD=BF=E7=94=A8=E6=89=8B?=
 =?UTF-8?q?=E5=86=8C=E6=8C=89=E9=92=AE=EF=BC=8CSafari=20=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E5=BD=A9=E8=99=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Qrcode.js |  7 +++++--
 src/index.css            | 41 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/components/Qrcode.js b/src/components/Qrcode.js
index 4c03ce3..ceef9b0 100644
--- a/src/components/Qrcode.js
+++ b/src/components/Qrcode.js
@@ -244,15 +244,18 @@ class Qrcode extends React.Component {
                     </div>
                     <div className="Qr-Centered">
                         <div className="div-btn">
+                            <a href="https://www.yuque.com/qrbtf/docs" rel="noopener noreferrer" target="_blank">
+                                <button className="dl-btn">使用手册</button>
+                            </a>
                             <button disabled className="dl-btn">提交样式</button>
                         </div>
                     </div>
                 </div>
                 <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" data-pjax-state="">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener noreferrer" target="_blank" data-pjax-state="">CPunisher</a></div>
+                        <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" data-pjax-state="">浙 ICP 备 19005869 号 </a></div>
+                        <div className="Gray"><a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">浙 ICP 备 19005869 号 </a></div>
                     </div>
                 </div>
             </div>
diff --git a/src/index.css b/src/index.css
index abdc099..1243450 100644
--- a/src/index.css
+++ b/src/index.css
@@ -10,6 +10,47 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  body:before {
+    right: 0;
+    top: 0;
+    left: 0;
+    height: 100px;
+    z-index: 2147483647;
+    position: fixed;
+    content: "";
+    display: block;
+    -webkit-transform: translateY(-99.99px);
+    background: linear-gradient(124deg,
+    #FF0000,
+    #FF7F00,
+    #FFFF00,
+    #7FFF00,
+    #00FF00,
+    #00FF7F,
+    #00FFFF,
+    #007FFF,
+    #0000FF,
+    #7F00FF,
+    #FF00FF,
+    #FF007F,
+    #FF0000);
+    animation: rainbow 15s ease infinite;
+    background-size: 1000% 1000%;
+  }
+}
+@keyframes rainbow {
+  0% {
+    background-position: 0% 80%;
+  }
+  50% {
+    background-position: 100% 20%;
+  }
+  100% {
+    background-position: 0% 80%;
+  }
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;