bug

css/jcq.css

@@ -631,7 +631,6 @@
     .header .header-left {
         height: 100%;
         display: flex;
-        align-items: center;
     }
 
     .mobile-price .m-price-banner {
@@ -778,7 +777,7 @@
     }
 
     .tool-classs .con ul li:nth-of-type(odd) {
-        margin-right: .6rem;
+        margin-right: .2rem;
         margin-left: 0;
         margin-top: .2rem;
         padding: 0 .1rem;

source/index/footer.php

@@ -126,28 +126,107 @@ if (!defined('IN_ROOT')) {
         </div>
     </footer>
     <!--底部-->
-    <ul class="fixed-right right-float-window" style>
-        <li>
-            <a href="javascript:;" target="_blank" class="chatQQ">
-                <span class="iconfont icon-qq"></span>
-            </a>
-        </li>
-        <?php if (IN_WXQRCODE) { ?>
-            <li>
-                <a href="javascript:;">
-                    <span class="iconfont icon-weixin1"></span>
-                    <div class="wechat">
-                        <img src="/<?php echo IN_WXQRCODE ?>" alt="">
-                    </div>
-                </a>
-            </li>
-        <?php } ?>
-        <li class="go-top" style="display: none;">
-            <a href="javascript:;"><span class="iconfont icon-go-top"></span></a>
-        </li>
-    </ul>
+  <div class="contact-nav">
+    <div class="telegram">
+        <a href="#">
+            <img src="/static/index/image/telegram.png" alt="">
+        </a>
+    </div>
+    <div class="whatsapp">
+        <a href="#">
+            <img src="/static/index/image/whatsapp.png" alt="">
+        </a>
+    </div>
+    <div class="c-go-top top">
+        <a href="javascript:void(0);" id="scrollToTop">
+            <img src="/static/index/image/top.png" alt="">
+        </a>
+    </div>
+</div>
+<style>
+    
+.contact-nav {
+    position: fixed;
+    right: 24px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 999;
+    height: 235px;
+}
+
+.contact-nav>div {
+    margin-bottom: 12px;
+}
+
+.contact-nav>div a {
+    display: block;
+    width: 60px;
+    height: 60px;
+}
+
+.contact-nav>div a img {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.contact-nav .top {
+    margin-top: 24px;
+    filter: drop-shadow(0px 0px 15px rgba(7, 40, 78, 0.15));
+}
+.contact-nav .top {
+    display: none;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.contact-nav .top:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+
+.contact-nav .top a {
+    display: block;
+    text-decoration: none;
+}
+
+.contact-nav .top img {
+    width: 100%;
+    height: auto;
+}
+
+@media (max-width: 767px) {
+    .contact-nav {
+        right: 8px;
+        display: none;
+    }
+
+    .show-right-nav .contact-nav {
+        display: block;
+    }
+
+    .contact-nav>div a {
+        width: 44px;
+        height: 44px;
+    }
+}
+</style>
     <script src="/static/index/js/clipboard.min.js"></script>
     <script>
+ // 滚动到顶部功能
+        $("#scrollToTop").on('click', function() {
+            $('html, body').animate({
+                scrollTop: 0
+            }, 800);
+        });
+        // 显示/隐藏回到顶部按钮
+        $(window).scroll(function() {
+            if ($(this).scrollTop() > 300) {
+                $('.c-go-top').fadeIn();
+            } else {
+                $('.c-go-top').fadeOut();
+            }
+        });
         if (!isHideFooter) {
             $('.right-float-window').show();
         }

source/index/public/footer.php

@@ -42,7 +42,7 @@
             <img src="/static/index/image/whatsapp.png" alt="">
         </a>
     </div>
-    <div class="c-top top">
+    <div class="c-go-top top">
         <a href="javascript:void(0);" id="scrollToTop">
             <img src="/static/index/image/top.png" alt="">
         </a>
@@ -133,9 +133,9 @@
         // 显示/隐藏回到顶部按钮
         $(window).scroll(function() {
             if ($(this).scrollTop() > 300) {
-                $('.c-top').fadeIn();
+                $('.c-go-top').fadeIn();
             } else {
-                $('.c-top').fadeOut();
+                $('.c-go-top').fadeOut();
             }
         });