|
@@ -126,28 +126,107 @@ if (!defined('IN_ROOT')) {
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</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 src="/static/index/js/clipboard.min.js"></script>
|
|
<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) {
|
|
if (!isHideFooter) {
|
|
$('.right-float-window').show();
|
|
$('.right-float-window').show();
|
|
}
|
|
}
|