From 00de5f6d9f75b5e02b223d53b9f0f9f62567570c Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Sun, 28 Sep 2025 13:13:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 subPackages/pointsMall/detail.vue   | 154 +++++++++++++++-------------
 subPackages/search/techanResult.vue |   2 +-
 subPackages/techan/detail.vue       |   2 +-
 subPackages/techan/index.vue        |   4 +-
 4 files changed, 85 insertions(+), 77 deletions(-)

diff --git a/subPackages/pointsMall/detail.vue b/subPackages/pointsMall/detail.vue
index c01e16c..19c006b 100644
--- a/subPackages/pointsMall/detail.vue
+++ b/subPackages/pointsMall/detail.vue
@@ -125,19 +125,31 @@
 					<uni-icons  type="closeempty" size="24"></uni-icons>
 				</view>
 				<view class="bottom-productImg">
-					<img :src="showImg(sku[productIndex].headimg)" alt="">
+					<image :src="showImg(sku[productIndex].headimg)" alt=""></image>
 					<view class="right-content">
 						<view class="bottom-productPrice com-price">{{(sku[productIndex].price_text||0)}}</view>
 						<view class="bottom-content">已选择：{{sku[productIndex].sku_name}}</view>
+						<view class="buy-num com-flex-tao">
+							<view class="number-btn">
+								<view>
+									<text @click="delNumber">-</text>
+								</view>
+								<view style="flex: 1;">{{ buyNum }}</view>
+								<view>
+									<text @click="addNumber">+</text>
+								</view>
+							</view>
+						</view>
 					</view>
 				</view>
 				<view>
 					<view class="sp">规格</view>
 					<view class="sp-container" style="">
-						<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex">
+						<view style="position:relative;width: 100%;" v-for="(botItem,botIndex) in sku" :key="botIndex">
 							<view :class="['botProduct','text-overflow',{'noStore':botItem.store==0},{'botProducts':productIndex==botIndex}]"
 								@click="changeProduct(botItem,botIndex)">
-								{{botItem.sku_name}}
+								<image :src="showImg(botItem.headimg)"></image>
+								<view class="sku-name">{{botItem.sku_name}}</view>
 							</view>
 							<view class="noStore-text" v-if="botItem.store==0">
 								不可购买
@@ -145,7 +157,7 @@
 						</view>
 					</view>
 				</view>
-				<view class="buy-num com-flex-tao" v-if="sku[productIndex]&&addCart">
+				<view class="flex-between" v-if="sku[productIndex]&&addCart">
 					配送方式
 					<view class="flex-center" >
 						<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@@ -171,18 +183,7 @@
 						</view>
 					</view>
 				</view>
-				<view class="buy-num com-flex-tao">
-					数量
-					<view class="number-btn">
-						<view>
-							<text @click="delNumber">-</text>
-						</view>
-						<view style="width: 96rpx;height: 69rpx;margin: 0 14rpx;">{{ buyNum }}</view>
-						<view>
-							<text @click="addNumber">+</text>
-						</view>
-					</view>
-				</view>
+				
 				</view>
 				<view class="sp-bottom-btn">
 					<view class="btn" @click="openPop">{{addCart?"加入购物车":"立即购买"}}</view>
@@ -721,17 +722,16 @@
 			display: flex;
 			margin-bottom: 23rpx;
 			flex-shrink: 0;
-		}
-		
-		.bottom-productImg img {
-			width: 218rpx;
-			height: 179rpx;
-			background: #666666;
-			border-radius: 13rpx;
+			image {
+				width: 173.33rpx;
+				height: 173.33rpx;
+				background: #666666;
+				border-radius: 13rpx;
+			}
 		}
 		
 		.right-content {
-			margin: 10rpx 0 0 41rpx;
+			padding-left: 14rpx;
 			flex: 1;
 			width: 1rpx;
 		}
@@ -755,20 +755,31 @@
 		}
 		
 		.botProduct {
-			width: 320rpx;
-			// height: 78rpx;
-			border-radius: 13rpx;
-			background-color: #F5F5F5;
-			font-size: 29rpx;
-			font-family: PingFang SC;
-			font-weight: 400;
-			color: #333333;
-			line-height: 78rpx;
-			text-align: center;
-			margin-bottom: 25rpx;
-			display: inline-block;
 			position: relative;
-			padding: 0 40rpx;
+			min-height: 67rpx;
+			border-radius: 13rpx;
+			margin-bottom: 34rpx;
+			max-width: 100%;
+			padding-right:15rpx;
+			min-width: 340rpx;
+			background: #EFEFEF;
+			display: flex;
+			align-items: center;
+			box-sizing: border-box;
+			color: #333;
+			width: fit-content;
+			&>image{
+				width: 67rpx;
+				height: 67rpx;
+				border-radius: 13rpx;
+				flex-shrink: 0;
+			}
+			.sku-name{
+				flex: 1;
+				padding-left: 15rpx;
+				white-space: normal;
+				font-size: 27rpx;
+			}
 		}
 		.noStore{
 			background-color: rgba(239, 239, 239, 1);
@@ -792,38 +803,36 @@
 		
 		
 		.botProducts {
-			background: #6A8A27;
-			color: #FFFFFF;
-		}
-		
-		.buy-num {
-			font-size: 29rpx;
-			font-family: PingFang SC;
-			font-weight: 400;
-			color: #333333;
-			padding: 39rpx 0;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-		}
-		
-		.buy-num .number-btn {
-			display: flex;
-		}
-		
-		.buy-num .number-btn view {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			width: 69rpx;
-			height: 69rpx;
-			border: 1rpx solid #CCCCCC;
-			border-radius: 7rpx;
-		}
-		
-		.buy-num .number-btn>view text {
-			font-size: 46rpx;
-		}
+					color: #6A8A27;
+					border: 1px solid #6A8A27;
+				}
+				
+				.buy-num {
+					font-weight: 500;
+					font-size: 31rpx;
+					color: #000000;
+					color: #333333;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					width: 233rpx;
+					height: 53rpx;
+					background: #EFEFEF;
+					border-radius: 13rpx;
+					margin-top: 25rpx;
+					.number-btn {
+						display: flex;
+						height: 100%;
+						width: 100%;
+						view {
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							width: 69rpx;
+							height: 100%;
+						}
+					}
+				}
 		
 		.buy-btn {
 			width: 670rpx;
@@ -863,14 +872,13 @@
 		}
 		.sp-container{
 			display: flex;
-			align-items: center;
 			justify-content: space-between;
 			flex-wrap: wrap;
-			max-height: 400rpx;
+			min-height: 400rpx;
+			max-height: 600rpx;
 			overflow-y: auto;
-			padding-top: 20rpx;
-			padding-right: 20rpx;
 			overflow-x: hidden;
+			align-content: flex-start
 		}
 		.sp-bottom-btn{
 			width: 750rpx;
diff --git a/subPackages/search/techanResult.vue b/subPackages/search/techanResult.vue
index 667f0f6..a3ce861 100644
--- a/subPackages/search/techanResult.vue
+++ b/subPackages/search/techanResult.vue
@@ -113,7 +113,7 @@
 						</view>
 					</view>
 				</view>
-				<view class="buy-num com-flex-tao" v-if="sku[productIndex]">
+				<view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]">
 					配送方式
 					<view class="flex-center" >
 						<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
diff --git a/subPackages/techan/detail.vue b/subPackages/techan/detail.vue
index e7df58d..2449f72 100644
--- a/subPackages/techan/detail.vue
+++ b/subPackages/techan/detail.vue
@@ -156,7 +156,7 @@
 						</view>
 					</view>
 				</view>
-				<view class="buy-num com-flex-tao" v-if="sku[productIndex]&&addCart">
+				<view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]&&addCart">
 					配送方式
 					<view class="flex-center" >
 						<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
diff --git a/subPackages/techan/index.vue b/subPackages/techan/index.vue
index 72e2bf3..0ab2df5 100644
--- a/subPackages/techan/index.vue
+++ b/subPackages/techan/index.vue
@@ -222,7 +222,7 @@
 						</view>
 					</view>
 				</view>
-				<view class="buy-num com-flex-tao" v-if="sku[productIndex]">
+				<view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]">
 					配送方式
 					<view class="flex-center" >
 						<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@@ -938,7 +938,7 @@
 	
 	.popup-content {
 		background-color: white;
-		padding: 0rpx 39rpx 51rpx 39rpx;
+		padding: 0rpx 39rpx 20rpx 39rpx;
 		height: auto;
 		border-radius: 20rpx 20rpx 0 0;
 		.bottom-productImg {