From 52d093d9bcaec2a1c196330d0562fe6e5a636671 Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Tue, 24 Sep 2024 13:36:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E9=A3=9F=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 subPackages/food/foodDetail.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/subPackages/food/foodDetail.vue b/subPackages/food/foodDetail.vue
index 11594d7..a57e269 100644
--- a/subPackages/food/foodDetail.vue
+++ b/subPackages/food/foodDetail.vue
@@ -60,24 +60,23 @@
 				<view class="content">
 					<view class="content-top flex-between">
 						<view class="center">
-							<view class="item-title text-overflow">
+							<view class="item-title text-overflowRows">
 								{{skuItem.title}}
 							</view>
 							<image class="right" :src="showImg('/uploads/20240827/0e777c1006a15612a0d449178472fd13.png')" mode=""></image>
 						</view>
-						
+						<view class="price">{{skuItem.money/100}}</view>
 					</view>
 					<view class="content-bottom flex-between">
-						<view class="tags">
-							<view class="tag" v-for="(tag,tagIndex) in skuItem.specifications_new_tag.split(',').slice(0,3)" :key="tagIndex">
+						<view class="tags ">
+							<!-- <view class="tag" v-for="(tag,tagIndex) in skuItem.specifications_new_tag.split(',').slice(0,3)" :key="tagIndex">
 								{{tag}}
 								<text class="shu">|</text>
+							</view> -->
+							<view class="tag text-overflow w-full" v-if="skuItem.specifications_new_tag">
+								{{skuItem.specifications_new_tag.split(',').slice(0,3).join(' | ')}}
 							</view>
 						</view>
-						
-					</view>
-					<view class="content-bottom flex-between">
-						<view class="price">{{skuItem.money/100}}</view>
 						<view class="order" @click.stop="order(skuItem)">购买</view>
 					</view>
 					
@@ -338,7 +337,7 @@
 	}
 	
 	.content-top {
-		
+		align-items: flex-start;
 	}
 	
 	.item-title {
@@ -347,7 +346,7 @@
 		font-weight: bold;
 		font-size: 31rpx;
 		color: #000000;
-		max-width: 450rpx;
+		max-width: 286rpx;
 	}
 	
 	.right {
@@ -366,6 +365,9 @@
 		font-size: 23rpx;
 		color: #666666;
 		display: flex;
+		flex:1;
+		width: 1rpx;
+		padding-right: 20rpx;
 	}
 	
 	.order {
@@ -379,11 +381,12 @@
 		color: #FFFFFF;
 		text-align: center;
 		line-height: 53rpx;
+		flex-shrink: 0;
 	}
 	
 	.price {
 		width: 133rpx;
-		// text-align: center;
+		text-align: center;
 		font-family: PingFang;
 		font-weight: bold;
 		font-size: 36rpx;