From 0800b22b4d37fb5fbf355a7110ab01e40adcafec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 2 Sep 2025 09:00:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/QRCode.png | Bin 0 -> 2693 bytes
 src/layout/index.vue       |  87 ++++++++++++++++++++++++++++++++++++-
 2 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icon/QRCode.png

diff --git a/src/assets/icon/QRCode.png b/src/assets/icon/QRCode.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed0bcf8914f662cf5f6c3bbcd471dc70f4588300
GIT binary patch
literal 2693
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
bid+G)`qppnw-z^oCy?{@T@Dp?0rCF=!BLIi

literal 0
HcmV?d00001

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 0f36653..cbdf760 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -3,17 +3,36 @@
     <div class="top">
       <Menu class="menu"/>
       <img :src="logo" alt="" class="logo" @click="toIndex">
-<!--      <div class="experience">体验云平台</div>-->
     </div>
     <div class="shadow">
     </div>
     <div class="content">
       <router-view></router-view>
     </div>
+    <div class="FloatingWindow">
+      <div class="item mailAn">
+        <i class="el-icon-message" style="color:#fff;font-size: 20px"></i>
+        <div class="mail">hwwlxxxxxxxx@xxxx.con</div>
+      </div>
+      <div class="item">
+        <img :src="qrcode" alt="" width="30px" height="30px" style="vertical-align: middle;">
+        <div class="qrcode">
+          <img :src="qrcode" alt="" width="100px" height="100px" style="vertical-align: middle;">
+        </div>
+      </div>
+      <div class="item" @click="toService" style="cursor: pointer;">
+        <i class="el-icon-chat-dot-square" style="color:#fff;font-size: 20px"></i>
+      </div>
+      <div class="item" @click="toTop" style="line-height: 20px">
+        <i class="el-icon-caret-top" style="color:#fff;font-size: 20px"></i>
+        <div style=" color: #fff">top</div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import qrcode from '@/assets/icon/QRCode.png'
 import Menu from '@/components/menu/index'
 import logo from '@/assets/logo.png'
 
@@ -22,14 +41,21 @@ export default {
   components: {
     Menu
   },
-  methods:{
+  methods: {
     toIndex(){
       this.$router.push('/index')
+    },
+    toTop() {
+      window.scrollTo({top: 0, behavior: 'smooth'});
+    },
+    toService() {
+      this.$router.push('/serviceSupport')
     }
   },
   data() {
     return {
       logo,
+      qrcode
     }
   }
 }
@@ -100,4 +126,61 @@ export default {
   height: calc(100vh - @top-height);
   z-index: 1;
 }
+
+.FloatingWindow {
+  z-index: 999;
+  position: fixed;
+  bottom: 25%;
+  right: 0;
+  transform: translateY(-50%);
+
+  .item {
+    margin-bottom: 1px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    width: 50px;
+    height: 50px;
+    background-color: #41B5EA;
+    text-align: center;
+    line-height: 50px;
+    position: relative;
+
+    .mail {
+      position: absolute;
+      top: 0;
+      left: 50px;
+      height: 50px;
+      line-height: 50px;
+      width: 150px;
+      color: #fff;
+      background-color: #41B5EA;
+      font-size: 12px;
+    }
+
+    &:hover {
+      .qrcode {
+        display: block;
+      }
+    }
+
+    .qrcode {
+      position: absolute;
+      top: -30px;
+      right: 60px;
+      height: 120px;
+      line-height: 120px;
+      width: 120px;
+      background-color: #41B5EA;
+      display: none;
+    }
+  }
+
+  .mailAn {
+    transition: all 0.3s ease-in-out;
+
+    &:hover {
+      transform: translateX(-150px);
+    }
+  }
+}
 </style>