add qr image

themes/beauty/views/layout/main.php

@@ -31,6 +31,10 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
 
         <!-- 尾部网站信息 -->
         <footer class="web_info vercenter">
+            <div class="qrcode text-center">
+                <p>用手机扫码打开</p>
+                <div id="qrimg"></div>
+            </div>
             <p>
                 Copyright <span>&copy;2022</span>
                 by <a href="https://filesite.io/" target="_blank">FileSite.io</a>
@@ -92,6 +96,7 @@ eof;
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/lazyload.js"></script>
     <script src="/js/fubox.min.js"></script>
+    <script src="/js/qrcode.min.js"></script>
     <script src="/js/beauty.js?v<?= Html::getStaticFileVersion('beauty.js', 'js') ?>"></script>
     <?php echo Html::getGACode(); ?>
 </body>

www/css/beauty.css

@@ -102,6 +102,7 @@ a:link{text-decoration:none}
 .lampshow .text_dark{color:#808080}
 .lampshow .text_dark a{color:#f4f7fd}
 
+#qrimg{width:160px;height:160px;margin:0 auto 20px auto;background-color:#FFF;padding:5px;border:1px solid #EEE;border-radius:5px}
 
 @media screen and (max-width: 1199px) {
     .im_item {

www/js/beauty.js

@@ -133,4 +133,14 @@ if ($('#image_site').get(0)) {
         });
     }
 
+    //二维码显示
+    if ($('#qrimg').length > 0 && typeof(QRCode) != 'undefined') {
+        var qrcode = new QRCode("qrimg", {
+            text: location.href,
+            colorDark : "#000000",
+            colorLight : "#ffffff",
+            correctLevel : QRCode.CorrectLevel.H
+        });
+    }
+
 }