From 65c7c4c022e1da8f404842416bdcd9ab21a42286 Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Wed, 27 Aug 2025 11:38:02 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=B9=E4=BA=A7=E5=88=86=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 subPackages/techan/index.vue | 117 +++++++++++++++++++++--------------
 1 file changed, 69 insertions(+), 48 deletions(-)

diff --git a/subPackages/techan/index.vue b/subPackages/techan/index.vue
index 383d7e5..792fb81 100644
--- a/subPackages/techan/index.vue
+++ b/subPackages/techan/index.vue
@@ -33,54 +33,57 @@
 			
 		
 			<view class="goods-container">
-				<view class="search-container">
-					<view >
-						<text :class="[search_type==0?'active-search-item':'']" @click="changeSearchParm(0)">综合</text>
-					</view>
-					<view >
-						<text :class="[[1,2].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==1?2:1)">销量</text>
-						<view class="search-item">
-							<view :class="[search_type==1?'active-search-item':'','triangle-up']" @click="changeSearchParm(1)">▼</view>
-							<view :class="[search_type==2?'active-search-item':'']" @click="changeSearchParm(2)">▼</view>
-						</view>
-					</view>
-					<view >
-						<text :class="[[3,4].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==3?4:3)">价格</text>
-						<view class="search-item">
-							<view :class="[search_type==3?'active-search-item':'','triangle-up']" @click="changeSearchParm(3)">▼</view>
-							<view :class="[search_type==4?'active-search-item':'']" @click="changeSearchParm(4)">▼</view>
-						</view>
-					</view>
+				<view class="left-box">
+					
 				</view>
-				<scroll-view class="right-container no-scrollbar" :scroll-y="true" @scrolltolower="scrollLow()">
-					<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
-						<image class="item-img" :src="showImg(item.headimg)" mode=""></image>
-						<view class="content">
-							<view class="title text-overflowRows">{{item.title}}</view>
-							<!-- <view style="font-weight: 500;font-size: 21rpx;color: #999999;">已售{{item.sales_number}}</view> -->
-							<view class="tag-container" v-if="item.display_tags">
-								<view class="tag" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
+				
+				<view class="right-box">
+					<view class="search-container">
+						<view >
+							<text :class="[search_type==0?'active-search-item':'']" @click="changeSearchParm(0)">综合</text>
+						</view>
+						<view >
+							<text :class="[[1,2].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==1?2:1)">销量</text>
+							<view class="search-item">
+								<view :class="[search_type==1?'active-search-item':'','triangle-up']" @click="changeSearchParm(1)">▼</view>
+								<view :class="[search_type==2?'active-search-item':'']" @click="changeSearchParm(2)">▼</view>
 							</view>
-							<view class="bottom">
-								<view>
-									<text class="price">{{item.price/100}}</text>
-									<text class="oldPrice">￥{{item.market_price/100}}</text>
-								</view>
-
-								<view class="buy-cart" @click.stop="showOrderCart(item)">+</view>
+						</view>
+						<view >
+							<text :class="[[3,4].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==3?4:3)">价格</text>
+							<view class="search-item">
+								<view :class="[search_type==3?'active-search-item':'','triangle-up']" @click="changeSearchParm(3)">▼</view>
+								<view :class="[search_type==4?'active-search-item':'']" @click="changeSearchParm(4)">▼</view>
 							</view>
 						</view>
 					</view>
+					<scroll-view class="right-container no-scrollbar" :scroll-y="true" @scrolltolower="scrollLow()">
+						<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
+							<image class="item-img" :src="showImg(item.headimg)" mode=""></image>
+							<view class="content">
+								<view class="title text-overflowRows">{{item.title}}</view>
+								<!-- <view style="font-weight: 500;font-size: 21rpx;color: #999999;">已售{{item.sales_number}}</view> -->
+								<view class="tag-container" v-if="item.display_tags">
+									<view class="tag text-overflow" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
+								</view>
+								<view class="bottom">
+									<view>
+										<text class="price">{{item.price/100}}</text>
+										<text class="oldPrice">￥{{item.market_price/100}}</text>
+									</view>
 					
-					<view class="no-data-zhanwei" v-if="list.length<=0">
-						<image src="https://static.ticket.sz-trip.com/uploads/20250618/0c2a469b4216f8cd570822b642d0a0fe.png"></image>
-						<view style="padding:50rpx 0 67rpx">暂无数据</view>
-					</view>
-					<view style="height: 148rpx;width: 1rpx;"></view>
-				</scroll-view>
-				
-				
-				
+									<view class="buy-cart" @click.stop="showOrderCart(item)">+</view>
+								</view>
+							</view>
+						</view>
+						
+						<view class="no-data-zhanwei" v-if="list.length<=0">
+							<image src="https://static.ticket.sz-trip.com/uploads/20250618/0c2a469b4216f8cd570822b642d0a0fe.png"></image>
+							<view style="padding:50rpx 0 67rpx">暂无数据</view>
+						</view>
+						<view style="height: 148rpx;width: 1rpx;"></view>
+					</scroll-view>
+				</view>
 			</view>
 		</template>
 		
@@ -140,7 +143,6 @@
 		<view class="btn-bottom" >
 			<cartDataVue ref="cartDataVueRef" :paramData="paramData" @changeParamData="changeParamData" style="width: 100%;height: 100%;">
 				<template class="btn-list" slot="content">
-
 						<view class="left-box">
 							<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
 							:custom-style="{background:'#D90F01',color:'#ffffff',border:'1px solid #ffffff'}">
@@ -159,7 +161,6 @@
 						<view class="btn-buy" @click="goCartOrder">
 							去下单
 						</view>
-
 				</template>
 			</cartDataVue>
 		</view>
@@ -644,7 +645,6 @@
 		height: 1rpx;
 		flex: 1;
 		display: flex;
-		flex-direction: column;
 		background: #FFFFFF;
 	}
 	
@@ -655,9 +655,9 @@
 		font-weight: bold;
 		font-size: 27rpx;
 		color: #000000;
-		height: 107rpx;
+		height: 100rpx;
 		flex-shrink: 0;
-		padding: 0 32rpx;
+		padding: 0 20rpx;
 		&>view{
 			display: flex;
 			min-width: 70rpx;
@@ -680,7 +680,7 @@
 		background: white;
 		.item {
 			width: 100%;
-			padding:0 32rpx 32rpx 32rpx;
+			padding:0 20rpx 32rpx 20rpx;
 			display: flex;
 			.item-img {
 				width: 161rpx;
@@ -1081,4 +1081,25 @@
 .active-search-item{
 	color: #6A8A2D;
 }
+
+.goods-container{
+	.left-box{
+		width: 180rpx;
+		background: #F3F3F3;
+		height: 100%;
+		flex-shrink: 0;
+		overflow-x: hidden;
+		overflow-y: auto;
+	}
+	.right-box{
+		height: 100%;
+		flex: 1;
+		width: 100rpx;
+		background: white;
+		display: flex;
+		flex-direction: column;
+	}
+}
+
+
 </style>