From ddb2560121eac57fe37aa0554db35a1ef1fab320 Mon Sep 17 00:00:00 2001
From: donqi <ydq0308@qq.com>
Date: Thu, 25 Aug 2022 00:11:43 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E9=A6=96=E9=A1=B5=E7=83=AD=E9=97=A8?=
 =?UTF-8?q?=E7=B1=BB=E7=9B=AE=E5=9B=BE=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=202=E3=80=81=E6=9C=8D=E5=8A=A1=E8=AF=A6=E6=83=85=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD=E5=9B=BE=EF=BC=8C=E8=AF=A6=E6=83=85=E5=9B=BE=EF=BC=8C?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E4=BB=8B=E7=BB=8D=E5=B1=95=E7=A4=BA=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common-card/vertical-card.vue | 26 +++++++++++++++---------
 pages/product/product-detail.vue         | 21 +++++++++++--------
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/components/common-card/vertical-card.vue b/components/common-card/vertical-card.vue
index dd341f8..24e44e1 100644
--- a/components/common-card/vertical-card.vue
+++ b/components/common-card/vertical-card.vue
@@ -8,18 +8,18 @@
 		<view class="cu-card case no-card solid-bottom bg-white padding-top-xs" v-for="(item, index) in list" :key="index" @click="clickCard(item)">
 			<view class="cu-item shadow">
 				<view v-if="item.imgs && item.imgs.length > 2" class="flex justify-between align-center multi-pic-container">
-					<view class="left-view"><image class="radius" :src="item.imgs[0]" mode="aspectFill"></image></view>
+					<view class="left-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
 					<view class="flex-column-between align-center right-view">
-						<image class="radius" :src="item.imgs[1]" mode="aspectFill"></image>
-						<image class="radius" :src="item.imgs[2]" mode="aspectFill"></image>
+						<image class="radius-img" :src="item.imgs[1]" mode="aspectFill"></image>
+						<image class="radius-img" :src="item.imgs[2]" mode="aspectFill"></image>
 					</view>
 				</view>
 				<view v-else-if="item.imgs && item.imgs.length > 1" class="flex justify-between align-center multi-pic-container">
-					<view class="left-view"><image class="radius" :src="item.imgs[0]" mode="aspectFill"></image></view>
-					<view class="left-view"><image class="radius" :src="item.imgs[1]" mode="aspectFill"></image></view>
+					<view class="left-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
+					<view class="left-view"><image class="radius-img" :src="item.imgs[1]" mode="aspectFill"></image></view>
 				</view>
 				<view v-else-if="item.imgs && item.imgs.length" class="flex justify-between align-center multi-pic-container">
-					<view class="whole-view"><image class="radius" :src="item.imgs[0]" mode="aspectFill"></image></view>
+					<view class="whole-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
 				</view>
 				<view class="cu-item item-margin-custom">					
 					<view class="content flex-sub">
@@ -67,7 +67,7 @@
 	}
 	
 	.multi-pic-container {
-		height: 450rpx;
+		height: 350rpx;
 		overflow: hidden;
 	}
 	
@@ -82,7 +82,8 @@
 	}
 	
 	.multi-pic-container > .left-view {
-		width: calc(50% - 5rpx);
+		width: calc(50% - 7rpx);
+		padding-left: 30rpx;
 		height: 100%;
 	}
 	
@@ -92,12 +93,17 @@
 	}
 	
 	.multi-pic-container > .right-view {
-		width: calc(50% - 5rpx);
+		width: calc(50% - 7rpx);
+		padding-right: 30rpx;
 		height: 100%;
 	}
 	
 	.multi-pic-container > .right-view > image {
-		height: calc(50% - 5rpx);
+		height: calc(50% - 7rpx);
 		width: 100%;
+	}
+	
+	.radius-img {
+		border-radius: 10rpx;
 	}
 </style>
diff --git a/pages/product/product-detail.vue b/pages/product/product-detail.vue
index 9b67c23..3bcb686 100644
--- a/pages/product/product-detail.vue
+++ b/pages/product/product-detail.vue
@@ -9,7 +9,7 @@
 		</cu-custom>
 		<!-- 导航栏 -->
 		<uni-transition class="fixed-top-bar" mode-class="fade" :show="showTopNav">
-			<view class="grid text-center col-3 solid-top solid-bottom bg-white">
+			<view class="grid text-center col-2 solid-top solid-bottom bg-white">
 				<view class="padding" :class="curTopNav == 0 ? 'bg-blue' : ''" @click.stop="clickNav(0)">服务</view>
 				<!-- <view class="padding" :class="curTopNav == 1 ? 'bg-blue' : ''" @click.stop="clickNav(1)">评价</view> -->
 				<view class="padding" :class="curTopNav == 2 ? 'bg-blue' : ''" @click.stop="clickNav(2)">详情</view>
@@ -61,7 +61,7 @@
 		<!-- 产品概要 -->
 		<view class="bg-white padding-sm">
 			<view class="flex justify-between text-df align-center">
-				<view class="padding-right-sm text-left solid-right">
+				<view class="padding-right-sm text-left">
 					<view class="text-xl">
 						<view class='cu-tag round bg-orange light' v-if="productInfo.isGoldServ">
 							<text class="cuIcon-medal">金牌服务</text>
@@ -70,7 +70,7 @@
 					</view>
 					<view class="text-sm text-gray margin-top-xs">{{productDetail.goodsDesc}}</view>
 				</view>
-				<view class="text-xl text-right padding-lr">
+				<view class="text-xl text-right padding-lr solid-left">
 					<!-- <view class="margin-tb-xs"><text class="cuIcon-share"></text></view> -->
 					<view v-if="productInfo.isGoldServ" class="margin-tb-xs text-orange"><text
 							class="cuIcon-friendfamous"></text></view>
@@ -105,7 +105,7 @@
 					<text class="margin-lr-xs text-sm">{{item.areaName}}<text v-if="index != productDetail.goodsAreaList.length - 1">,</text></text>
 				</text>
 			</view>
-			<view v-if="productDetail.remark">
+			<!-- <view v-if="productDetail.remark">
 				<view class="cu-capsule margin-tb-xs">
 					<view class='cu-tag bg-main-color'>
 						<text class="cuIcon-commentfill"></text>
@@ -115,7 +115,7 @@
 					</view>
 				</view>
 				<text class="margin-lr-xs text-sm">{{productDetail.remark}}</text>
-			</view>
+			</view> -->
 			<view class="solid-top text-lg padding-tb-sm">
 				<text class="text-black">选择品类</text>
 			</view>
@@ -151,9 +151,12 @@
 				<view class="text-sm" @click="showShopDetail(shopInfo)">店铺查看<text class="text-bold text-gray cuIcon-right"></text></view>
 			</view>
 		</view>
-		<!-- 服务详情 -->
-		<view id="pageAnchor2" class="margin-lr-sm margin-top-sm bg-white margin-bottom-with-bar image">
-			<image v-for="(item,index) in detailPicList" :src="item.imgUrl" mode="widthFix" style="width: 100%;"></image>
+		<!-- 服务详情 -->
+		<view id="pageAnchor2" class="margin-lr-sm margin-top-sm bg-white margin-bottom-with-bar ">
+			<view class="text-center padding-xl">{{productDetail.remark}}</view>
+			<view class="image">
+				<image v-for="(item,index) in detailPicList" :src="item.imgUrl" mode="widthFix" style="width: 100%;"></image>
+			</view>
 		</view>
 		<!-- 底部操作条 -->
 		<view class="cu-bar bg-white tabbar border shop fixed-bottom-bar">
@@ -402,7 +405,7 @@
 	}
 	
 	.lg-screen-swiper {
-		height: 150vw;
+		height: 130vw;
 		transition: all 0.5s ease-in-out;
 	}
 </style>