1.修改ai悬停框

src/layout/components/Aichat/ChatPopup.vue

@@ -1706,10 +1706,10 @@ export default {
 /* 聊天弹窗容器 */
 .chat-popup {
   position: fixed;
-  bottom: 45px;
+  bottom: 9vh;
-  right: 60px;
+  right: 5vw;
-  width: 400px;
+  width: 40vw;
-  height: 600px;
+  height: 80vh;
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.1);

src/layout/index.vue

@@ -21,7 +21,7 @@
       <!-- 其他页面内容 -->
       <!-- 触发按钮，控制弹窗显示隐藏 -->
       <div class="ai-hover" @click="toggleAI">
-        <span v-if="!showAI" style="font-size: 14px; font-weight: bold;">AI</span>
+        <span v-if="!showAI" style="font-size: 30px; font-weight: bold;">AI</span>
         <i v-else class="el-icon-close" style="font-size: 20px;"></i>
       </div>
       <!-- 聊天弹窗，通过 v-if 控制显隐 -->
@@ -192,22 +192,7 @@ export default {
 }
 
 
-// ai悬停
+
-.ai-hover {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  z-index: 999;
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  background-color: #409eff;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
 
 //AI
 .ai-hover {
@@ -215,8 +200,8 @@ export default {
   right: 20px;
   bottom: 20px;
   /* 和弹窗拉开距离 */
-  width: 40px;
+  width: 5vw;
-  height: 40px;
+  height: 7vh;
   background-color: #409eff;
   border-radius: 50%;
   display: flex;