From ed5181b3828e3d6c581aca28849da97390f657c9 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Fri, 19 Dec 2025 17:18:36 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E7=94=B5=E8=AF=9D=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=AE=A2=E6=9C=8D=E6=8C=89=E9=92=AE=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E7=99=BD=E8=89=B2=E5=9C=88=E6=94=B9=E6=88=90=E6=AD=A3=E5=9C=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/hover-nav/hover-nav.vue | 56 ++++++++++++++----------------
 1 file changed, 26 insertions(+), 30 deletions(-)

diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue
index 2f96041..fab6a0a 100644
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -236,46 +236,42 @@ export default {
 </script>
 
 <style scoped>
+/* 父容器：不限制高度，避免挤压按钮 */
 .fixed-box {
 	position: fixed;
-	right: 0;
+	right: 20rpx; /* 增加右侧边距，避免贴边 */
 	bottom: 200rpx;
-	z-index: 10;
-	border-radius: 120rpx;
-	padding: 20rpx 0;
+	z-index: 9999;
 	display: flex;
 	flex-direction: column;
-	justify-content: center;
 	align-items: center;
-	width: 100rpx;
-	box-sizing: border-box;
+	gap: 14rpx; /* 替代margin，更稳定 */
 }
 
-/* 核心修改：确保按钮背景是正圆 */
+/* 核心：强制按钮为正方形+正圆 */
 .btn-item {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	width: 80rpx;
-	height: 80rpx;
-	margin: 14rpx 0;
-	/* 强制正圆：使用远大于宽高的固定值，比50%更稳定 */
-	border-radius: 100rpx;
-	/* 确保背景色是白色（即使图片加载失败也能看到正圆） */
-	background-color: #ffffff;
-	/* 防止边框/内边距影响宽高比 */
-	box-sizing: border-box;
-	/* 移除默认边框（button标签可能有默认边框） */
-	border: none;
-	/* 清除默认内边距 */
-	padding: 0;
-	position: relative;
-	transition: all 0.1s ease;
-	/* 防止背景图片拉伸导致视觉上的非正圆 */
-	background-position: center;
-	background-repeat: no-repeat;
+	/* 宽高强制相等，必须是正方形 */
+	width: 88rpx !important;
+	height: 88rpx !important;
+	/* 强制正圆（优先级最高） */
+	border-radius: 50% !important;
+	/* 白色背景（确保是圆） */
+	background-color: #ffffff !important;
+	/* 背景图居中显示，不拉伸 */
+	background-size: 60% 60% !important;
+	background-position: center !important;
+	background-repeat: no-repeat !important;
+	/* 清除默认样式 */
+	border: none !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	/* 居中内容 */
+	display: flex !important;
+	justify-content: center !important;
+	align-items: center !important;
+	/* 阴影增强视觉（可选） */
+	box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
 }
-
 /* 清除button标签的默认点击样式（微信小程序/浏览器） */
 .btn-item::after {
 	border: none !important;