From fd3323d980f56c27c049afd79ed6f19163afbee1 Mon Sep 17 00:00:00 2001
From: dftre <3066417822@qq.com>
Date: Sat, 4 Jan 2025 16:52:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages_template/pages/mallMenu/index1.vue | 23 +++++++++++++++-----
 src/pages_template/pages/mallMenu/index2.vue | 19 ++++++++++++++++
 2 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/pages_template/pages/mallMenu/index1.vue b/src/pages_template/pages/mallMenu/index1.vue
index 2c5cf7a..3afc0b6 100644
--- a/src/pages_template/pages/mallMenu/index1.vue
+++ b/src/pages_template/pages/mallMenu/index1.vue
@@ -191,6 +191,9 @@ const clickMenu = (menu) => {
 	flex-wrap: wrap;
 }
 
+// 定义项目尺寸变量
+$item-size: 100rpx;
+
 .thumb-box {
 	width: 33.333333%;
 	display: flex;
@@ -198,10 +201,20 @@ const clickMenu = (menu) => {
 	justify-content: center;
 	flex-direction: column;
 	margin-top: 20rpx;
-}
-
-.item-menu-image {
-	width: 120rpx;
-	height: 120rpx;
+	padding: 10rpx;
+	box-sizing: border-box;
+	
+	.item-menu-image {
+		width: $item-size;
+		height: $item-size;
+	}
+	
+	.item-menu-name {
+		font-weight: normal;
+		font-size: 24rpx;
+		color: $u-main-color;
+		margin-top: 10rpx;
+		text-align: center;
+	}
 }
 </style>
diff --git a/src/pages_template/pages/mallMenu/index2.vue b/src/pages_template/pages/mallMenu/index2.vue
index 5b99bde..be9b2a7 100644
--- a/src/pages_template/pages/mallMenu/index2.vue
+++ b/src/pages_template/pages/mallMenu/index2.vue
@@ -278,6 +278,9 @@ const clickMenu = (menu) => {
 	flex-wrap: wrap;
 }
 
+// 定义项目尺寸变量
+$item-size: 100rpx;
+
 .thumb-box {
 	width: 33.333333%;
 	display: flex;
@@ -285,6 +288,22 @@ const clickMenu = (menu) => {
 	justify-content: center;
 	flex-direction: column;
 	margin-top: 20rpx;
+	padding: 10rpx;
+	box-sizing: border-box;
+	
+	// 使图片容器的宽高都基于item-size变量
+	.item-menu-image {
+		width: $item-size;
+		height: $item-size;
+	}
+	
+	.item-menu-name {
+		font-weight: normal;
+		font-size: 24rpx;
+		color: $u-main-color;
+		margin-top: 10rpx;
+		text-align: center;
+	}
 }
 
 .item-menu-image {