美食样式调整

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="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;