From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期二, 25 十月 2022 14:53:57 +0800
Subject: [PATCH] 设备管理 样式调整

---
 src/components/Connect.vue |   44 +++++++++++++++++++++++++++++++++++---------
 1 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/src/components/Connect.vue b/src/components/Connect.vue
index f4914e4..c5e8849 100644
--- a/src/components/Connect.vue
+++ b/src/components/Connect.vue
@@ -13,14 +13,11 @@
         </div>
         <div class="teleNum">010-84155885</div>
       </div>
-      <router-link to="/connectUs">
-        <div class="advice">
-          <div class="title">
-            <span class="iconfont">&#xe612;</span>寤鸿鍙嶉
-          </div>
-          <div class="des">鎮ㄧ殑姣忎竴鏉″缓璁０闊筹紝鎴戜滑閮借鐪熷寰�</div>
-        </div>
-      </router-link>
+
+      <div class="advice" @click="jump1()">
+        <div class="title"><span class="iconfont">&#xe612;</span>寤鸿鍙嶉</div>
+        <div class="des">鎮ㄧ殑姣忎竴鏉″缓璁０闊筹紝鎴戜滑閮借鐪熷寰�</div>
+      </div>
     </div>
 
     <div
@@ -30,7 +27,9 @@
     >
       <span class="iconfont">&#xe611;</span>鑱旂郴鎴戜滑
     </div>
-    <div class="backToTop iconfont" @click="backToTop">&#xe610;</div>
+    <div class="backToTop iconfont" v-if="showConnect" @click="backToTop">
+      &#xe610;
+    </div>
   </div>
 </template>
 
@@ -39,7 +38,14 @@
   data() {
     return {
       isShowConnectBox: false, //鍥哄畾瀹氫綅寮瑰眰
+      showConnect: false, //鏄剧ず鑱旂郴鎴戜滑涓庡洖鍒伴《閮�
     };
+  },
+  created() {
+    window.addEventListener("scroll", this.scrollListener);
+  },
+  destroyed() {
+    window.removeEventListener("scroll", this.scrollListener);
   },
   methods: {
     // 鍥炲埌椤堕儴
@@ -72,6 +78,25 @@
         _this.isShowConnectBox = false;
       }, 100);
     },
+    //娣诲姞婊氬姩鐩戝惉
+    scrollListener() {
+      //椤甸潰婊戝姩瑙﹀彂浜嬩欢 (婊氬姩鏉＄Щ鍔ㄥ垯璋冪敤鏄惁鏄剧ず杩斿洖椤堕儴鎸夐挳浜嬩欢)
+      var a = document.documentElement.clientHeight; // 婊氬姩瀹瑰櫒鐨勫彲瑙嗛珮
+      var b = document.documentElement.scrollTop; // 婊氬姩鏉¤窛绂婚《閮ㄧ殑楂樺害
+      var c = document.documentElement.scrollHeight; // 婊氬姩瀹瑰櫒鐨勬暣涓珮搴�
+
+      if (c === a + b) {
+        //褰撴粴鍔ㄥ鍣ㄧ殑鍙楂�+婊氬姩瀹瑰櫒婊氬姩浜嗙殑楂樺害锛堟粴鍔ㄦ潯椤堕儴璺濈婊氬姩瀹瑰櫒椤堕儴鐨勮窛绂伙級 = 婊氬姩瀹瑰櫒鐨勬暣涓珮搴︽椂锛岃鏄庢粴鍔ㄦ潯鍒板簳浜�
+        this.showConnect = true;
+      } else {
+        this.showConnect = false;
+      }
+
+      //妫�鏌ユ粴鍔ㄦ潯鏄惁鍦ㄩ《閮紝鎺у埗杩斿洖椤堕儴鎸夐挳鐨勯殣钘忓拰鏄剧ず
+    },
+    jump1() {
+      window.open("http://smartai.com/contact");
+    },
   },
 };
 </script>
@@ -88,6 +113,7 @@
   background: #ffffff;
   box-shadow: 0px 4px 12px rgba(0, 51, 128, 0.18);
   border-radius: 8px;
+  z-index: 2;
 
   .tele,
   .advice {

--
Gitblit v1.8.0