特产分类

subPackages/techan/index.vue

@@ -33,6 +33,11 @@
 			
 		
 			<view class="goods-container">
+				<view class="left-box">
+					
+				</view>
+				
+				<view class="right-box">
 					<view class="search-container">
 						<view >
 							<text :class="[search_type==0?'active-search-item':'']" @click="changeSearchParm(0)">综合</text>
@@ -59,7 +64,7 @@
 								<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="tag text-overflow" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
 								</view>
 								<view class="bottom">
 									<view>
@@ -78,9 +83,7 @@
 						</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>