From 53585241460b67354f7398d1253ad38b42489f6c Mon Sep 17 00:00:00 2001
From: ctw <>
Date: Tue, 14 Jan 2025 13:36:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/canteen/canteenDailyMenu/form.vue  |  2 +-
 src/views/canteen/canteenDailyMenu/index.vue | 24 ++++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/views/canteen/canteenDailyMenu/form.vue b/src/views/canteen/canteenDailyMenu/form.vue
index 43787f4..089a636 100644
--- a/src/views/canteen/canteenDailyMenu/form.vue
+++ b/src/views/canteen/canteenDailyMenu/form.vue
@@ -47,7 +47,7 @@
 							<CircleClose />
 						</el-icon>
 						<el-image style="width: 80px; height: 80px" :src="imageBaseUrl + item.picUrl" fit="cover" />
-						<div class="w-full flex justify-around items-center text-black">
+						<div class="w-full flex justify-around items-center text-black mt-2">
 							<span>{{ item.name }}</span>
 							<span class="mx-1">|</span>
 							<span class="text-sm">
diff --git a/src/views/canteen/canteenDailyMenu/index.vue b/src/views/canteen/canteenDailyMenu/index.vue
index cf92e67..f54c261 100644
--- a/src/views/canteen/canteenDailyMenu/index.vue
+++ b/src/views/canteen/canteenDailyMenu/index.vue
@@ -3,11 +3,11 @@
 		<el-form-item label="商户" prop="merchantId" class="w-60 ml-10 my-6">
 			<select-mch v-model="merchantId" />
 		</el-form-item>
-		<h1 class="mx-auto text-5xl">今日菜谱</h1>
+		<h1 class="mx-auto text-5xl mt-[-40px]">今日菜谱</h1>
 
 		<table class="w-11/12 border-collapse cursor-pointer mx-auto">
 			<tr>
-				<td class="text-6xl" @click="addClick(-1)">&lt;</td>
+				<div class="text-4xl mr-2 text-right" @click="addClick(-1)">&lt;</div>
 				<td
 					v-for="(item, index) in weekData.data"
 					:key="index"
@@ -17,14 +17,14 @@
 				>
 					<span>{{ item }}</span>
 				</td>
-				<td class="text-6xl" @click="addClick(1)">&gt;</td>
+				<div class="text-4xl ml-2 text-left" @click="addClick(1)">&gt;</div>
 			</tr>
 		</table>
 
 		<div class="dataDiv">
 			<table>
 				<tr class="food">
-					<td @click="addFood(1)">早餐</td>
+					<td class="text-center" @click="addFood(1)">早餐</td>
 					<div class="food_list">
 						<td class="food_list_item" v-for="(item, index) in foodData1" :key="index" @click="delteData(item.tid)">
 							<el-image style="width: 80px; height: 80px" :src="imageBaseUrl + item.picUrl" fit="cover" />
@@ -38,7 +38,7 @@
 					</div>
 				</tr>
 				<tr class="food">
-					<td @click="addFood(2)">中餐</td>
+					<td class="text-center" @click="addFood(2)">中餐</td>
 					<div class="food_list">
 						<td class="food_list_item" v-for="(item, index) in foodData2" :key="index" @click="delteData(item.tid)">
 							<el-image style="width: 80px; height: 80px" :src="imageBaseUrl + item.picUrl" fit="cover" />
@@ -52,7 +52,7 @@
 					</div>
 				</tr>
 				<tr class="food">
-					<td @click="addFood(3)">晚餐</td>
+					<td class="text-center" @click="addFood(3)">晚餐</td>
 					<div class="food_list">
 						<td class="food_list_item" v-for="(item, index) in foodData3" :key="index" @click="delteData(item.tid)">
 							<el-image style="width: 80px; height: 80px" :src="imageBaseUrl + item.picUrl" fit="cover" />
@@ -222,7 +222,7 @@ onMounted(async () => {
 .food {
 	display: flex;
 	align-items: center;
-	margin-top: 50px;
+	margin-top: 30px;
 
 	& > td {
 		width: 60px;
@@ -261,6 +261,16 @@ onMounted(async () => {
 }
 .selectedSpan {
 	border: 2px solid rgb(255, 187, 0);
+	border-left: 2px solid transparent;
 	color: rgb(255, 187, 0);
+	position: relative;
+}
+.selectedSpan::before {
+	content: "";
+	position: absolute;
+	left: -1.5px;
+	top: -1.5px;
+	bottom: -1.5px;
+	border-left: 2px solid rgb(255, 187, 0);
 }
 </style>