From d489f352db0e136b193aaef224f08e8c7bf9a598 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Mon, 8 Dec 2025 18:09:38 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=A2=9E=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E7=B2=89=E8=89=B2=E6=9C=BA=E5=99=A8=E4=BA=BA=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/hover-nav/hover-nav.vue | 420 ++++++++++++++---------------
 1 file changed, 208 insertions(+), 212 deletions(-)

diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue
index f4b4f4a..65fa30e 100644
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -1,213 +1,209 @@
-<template>
-		<!-- 悬浮按钮 -->
-		<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
-			<!-- <view class="btn-item" v-if="fixBtnShow" @click="$util.redirectTo('/pages/index/index')"> -->
-
-			<!-- AI智能助手 -->
-			<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" :style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="ai-icon" v-if="!aiAgentimg"></text>
-				<!-- 未读消息小红点 -->
-				<view v-if="unreadCount > 0" class="unread-badge">
-					<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
-				</view>
-			</view>
-
-			<!-- #ifdef MP-WEIXIN -->
-			<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="icox icox-kefu" v-if="!kefuimg"></text>
-			<!-- 	<view>首页</view> -->
-			</button>
-			<!-- #endif -->
-
-			<!-- 电话 -->
-			<view class="btn-item" v-if="fixBtnShow" @click="call()"  :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
-				<!-- <view>我的</view> -->
-			</view>
-
-		<!-- 	<view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-				<text class="iconfont icon-unfold"></text>
-			</view>
-			<view class="btn-item switch" v-else :class="{ show: fixBtnShow }"
-				@click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-				<view class="">快捷</view>
-				<view>导航</view>
-			</view> -->
-		</view>
-</template>
-
-<script>
-	import { mapGetters, mapMutations } from 'vuex'
-
-	export default {
-		name: 'hover-nav',
-		props: {
-			need: {
-				type: Boolean,
-				default: false
-			},
-		},
-		data() {
-			return {
-				pageCount: 0,
-				fixBtnShow: true,
-				tel:'',
-				kefuimg:'',
-				phoneimg:''
-			};
-		},
-		created() {
-			this.kefuimg = this.$util.getDefaultImage().kefu
-			this.phoneimg = this.$util.getDefaultImage().phone
-			this.pageCount = getCurrentPages().length;
-
-
-			var that = this
-			uni.getStorage({
-				key:'shopInfo',
-				success(e){
-					that.tel = e.data.mobile
-				}
-			})
-		
-		},
-		computed: {
-			...mapGetters([
-				'globalAIKefuConfig',
-				'aiUnreadCount'
-			]),
-			aiAgentimg() {
-				return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
-			},
-			unreadCount() {
-				return this.aiUnreadCount
-			},
-			enableAIChat() {
-				return this.globalAIKefuConfig?.enable || true // 是否开启AI智能助手
-			},
-		},		
-		methods: {
-			...mapMutations([
-				'setAiUnreadCount'
-			]),
-
-			//拨打电话
-			call(){
-				uni.makePhoneCall({
-					phoneNumber:this.tel+''
-				})
-			},
-
-			// 打开AI聊天弹窗
-			openAIChat() {
-				if (this.enableAIChat) {
-					this.setAiUnreadCount(0);
-				}
-
-				this.$util.redirectTo('/pages_tool/ai-chat/index')
-			}
-
-		}
-	};
-</script>
-
-<style lang="scss">
-	.container-box {
-		width: 100%;
-
-		.item-wrap {
-			border-radius: 10rpx;
-
-			.image-box {
-				border-radius: 10rpx;
-			}
-
-			image {
-				width: 100%;
-				height: auto;
-				border-radius: 10rpx;
-				will-change: transform;
-			}
-		}
-	}
-
-	//悬浮按钮
-	.fixed-box {
-		position: fixed;
-		right: 0rpx;
-		bottom: 200rpx;
-		z-index: 10;
-		// background: #fff;
-		// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
-		border-radius: 120rpx;
-		padding: 20rpx 0;
-		display: flex;
-		justify-content: center;
-		flex-direction: column;
-		width: 100rpx;
-		box-sizing: border-box;
-		transition: 0.3s;
-		overflow: hidden;
-
-		.btn-item {
-			display: flex;
-			justify-content: center;
-			text-align: center;
-			flex-direction: column;
-			line-height: 1;
-			margin: 14rpx 0;
-			transition: 0.1s;
-			background: #fff;
-			border-radius: 50rpx;
-			width: 80rpx;
-			height: 80rpx;
-			padding: 0;
-			position: relative;
-			text {
-				font-size: 36rpx;
-				font-weight: bold;
-			}
-
-			view {
-				font-size: 26rpx;
-				font-weight: bold;
-			}
-
-			&.show {
-				transform: rotate(180deg);
-			}
-
-			&.switch {}
-
-			&.icon-xiala {
-				margin: 0;
-				margin-top: 0.1rpx;
-			}
-			
-			// 未读消息小红点
-			.unread-badge {
-				position: absolute;
-				top: -5rpx;
-				right: -5rpx;
-				background-color: #ff4544;
-				color: white;
-				border-radius: 20rpx;
-				min-width: 30rpx;
-				height: 30rpx;
-				font-size: 10rpx;
-				line-height: 30rpx;
-				text-align: center;
-				padding: 0 8rpx;
-				z-index: 1;
-				box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
-
-				.badge-text {
-					font-size: 8rpx;
-					// #ifdef MP-WEIXIN
-					font-size: 20rpx;
-					// #endif
-				}
-			}
-		}
-	}
+<template>
+		<!-- 悬浮按钮 -->
+		<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
+			<!-- AI智能助手 -->
+			<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" :style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}">
+				<!-- 核心修改：添加🤖表情，保留原有判断逻辑 -->
+				<text class="ai-icon" v-if="!aiAgentimg">🤖</text>
+				<!-- 未读消息小红点 -->
+				<view v-if="unreadCount > 0" class="unread-badge">
+					<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
+				</view>
+			</view>
+
+			<!-- #ifdef MP-WEIXIN -->
+			<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
+				<text class="icox icox-kefu" v-if="!kefuimg"></text>
+			</button>
+			<!-- #endif -->
+
+			<!-- 电话 -->
+			<view class="btn-item" v-if="fixBtnShow" @click="call()"  :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}">
+				<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
+			</view>
+		</view>
+</template>
+
+<script>
+	import { mapGetters, mapMutations } from 'vuex'
+
+	export default {
+		name: 'hover-nav',
+		props: {
+			need: {
+				type: Boolean,
+				default: false
+			},
+		},
+		data() {
+			return {
+				pageCount: 0,
+				fixBtnShow: true,
+				tel:'',
+				kefuimg:'',
+				phoneimg:''
+			};
+		},
+		created() {
+			this.kefuimg = this.$util.getDefaultImage().kefu
+			this.phoneimg = this.$util.getDefaultImage().phone
+			this.pageCount = getCurrentPages().length;
+
+			var that = this
+			uni.getStorage({
+				key:'shopInfo',
+				success(e){
+					that.tel = e.data.mobile
+				}
+			})
+		
+		},
+		computed: {
+			...mapGetters([
+				'globalAIKefuConfig',
+				'aiUnreadCount'
+			]),
+			aiAgentimg() {
+				return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
+			},
+			unreadCount() {
+				return this.aiUnreadCount
+			},
+			enableAIChat() {
+				return this.globalAIKefuConfig?.enable || true // 是否开启AI智能助手
+			},
+		},		
+		methods: {
+			...mapMutations([
+				'setAiUnreadCount'
+			]),
+
+			//拨打电话
+			call(){
+				uni.makePhoneCall({
+					phoneNumber:this.tel+''
+				})
+			},
+
+			// 打开AI聊天弹窗
+			openAIChat() {
+				if (this.enableAIChat) {
+					this.setAiUnreadCount(0);
+				}
+
+				this.$util.redirectTo('/pages_tool/ai-chat/index')
+			}
+
+		}
+	};
+</script>
+
+<style lang="scss">
+	.container-box {
+		width: 100%;
+
+		.item-wrap {
+			border-radius: 10rpx;
+
+			.image-box {
+				border-radius: 10rpx;
+			}
+
+			image {
+				width: 100%;
+				height: auto;
+				border-radius: 10rpx;
+				will-change: transform;
+			}
+		}
+	}
+
+	//悬浮按钮
+	.fixed-box {
+		position: fixed;
+		right: 0rpx;
+		bottom: 200rpx;
+		z-index: 10;
+		border-radius: 120rpx;
+		padding: 20rpx 0;
+		display: flex;
+		justify-content: center;
+		flex-direction: column;
+		width: 100rpx;
+		box-sizing: border-box;
+		transition: 0.3s;
+		overflow: hidden;
+
+		.btn-item {
+			display: flex;
+			justify-content: center;
+			align-items: center; /* 新增：让🤖表情垂直居中 */
+			text-align: center;
+			flex-direction: column;
+			line-height: 1;
+			margin: 14rpx 0;
+			transition: 0.1s;
+			background: #fff;
+			border-radius: 50rpx;
+			width: 80rpx;
+			height: 80rpx;
+			padding: 0;
+			position: relative;
+			text {
+				font-size: 36rpx;
+				font-weight: bold;
+			}
+
+			view {
+				font-size: 26rpx;
+				font-weight: bold;
+			}
+
+			&.show {
+				transform: rotate(180deg);
+			}
+
+			&.switch {}
+
+			&.icon-xiala {
+				margin: 0;
+				margin-top: 0.1rpx;
+			}
+			
+			// 未读消息小红点
+			.unread-badge {
+				position: absolute;
+				top: -5rpx;
+				right: -5rpx;
+				background-color: #ff4544;
+				color: white;
+				border-radius: 20rpx;
+				min-width: 30rpx;
+				height: 30rpx;
+				font-size: 10rpx;
+				line-height: 30rpx;
+				text-align: center;
+				padding: 0 8rpx;
+				z-index: 1;
+				box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
+
+				.badge-text {
+					font-size: 8rpx;
+					// #ifdef MP-WEIXIN
+					font-size: 20rpx;
+					// #endif
+				}
+			}
+
+			// AI图标样式优化（让🤖表情居中显示）
+			.ai-icon {
+				font-size: 40rpx; // 调整🤖表情大小
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
 </style>
\ No newline at end of file