Ver Fonte

修改样式

chenrui há 2 anos atrás
pai
commit
e7a1d7cbf3
1 ficheiros alterados com 72 adições e 58 exclusões
  1. 72 58
      pages/vinAnalyse/shelfAnalyse.vue

+ 72 - 58
pages/vinAnalyse/shelfAnalyse.vue

@@ -65,25 +65,12 @@
 		<!-- 搜索弹窗 -->
 		<search :showModal="showModal" @refresh="refreshList" @close="showModal = false" />
 		<!-- vin 详情 -->
-		<div
-			class="cpb_cart-mask"
-			v-if="showCart"
-			@click="
-				showCart = false;
-				selFlag = 0;
-			"
-		>
-			<div class="cpb_cart-box" @click.stop="showCart = true">
-				<div
-					class="cpb_close flex align-center justify_center"
-					@click.stop="
-						showCart = false;
-						selFlag = 0;
-					"
-				>
+		<view class="cpb_cart-mask" v-if="showCart" @click=" showCart = false; selFlag = 0;">
+			<view class="cpb_cart-box" @click.stop="showCart = true">
+				<view class="cpb_close flex align-center justify_center" @click.stop="showCart = false;selFlag = 0;">
 					<u-icon name="close"></u-icon>
-				</div>
-				<div class="cpb_cart-tit">
+				</view>
+				<view class="cpb_cart-tit">
 					<view>VIN详情</view>
 					<view class="st-detailList-item-con flex">
 						<view class="pimgs">
@@ -94,15 +81,15 @@
 							<view class="font_13">VIN:{{ tempData.vinCode }}</view>
 						</view>
 					</view>
-				</div>
-				<div class="cpb_body flex justify_between">
-					<div class="cpb_tab">
-						<div :class="selFlag == 0 ? 'active' : ''" @click.stop="changeSel(0)">空调滤清器</div>
-						<div :class="selFlag == 1 ? 'active' : ''" @click.stop="changeSel(1)">空气滤清器</div>
-						<div :class="selFlag == 2 ? 'active' : ''" @click.stop="changeSel(2)">机油滤清器</div>
-					</div>
-					<div class="cpb_cart-list" v-if="productList.length > 0">
-						<div v-for="(item, index) in productList" :key="index">
+				</view>
+				<view class="cpb_body">
+					<view class="cpb_tab">
+						<view :class="selFlag == 0 ? 'active' : ''" @click.stop="changeSel(0)">空调滤清器</view>
+						<view :class="selFlag == 1 ? 'active' : ''" @click.stop="changeSel(1)">空气滤清器</view>
+						<view :class="selFlag == 2 ? 'active' : ''" @click.stop="changeSel(2)">机油滤清器</view>
+					</view>
+					<scroll-view scroll-y class="cpb_cart-list" v-if="productList.length > 0">
+						<view v-for="(item, index) in productList" :key="index">
 							<view class="nav-right-item flex">
 								<view class="uni-col-2">
 									<u-image
@@ -126,15 +113,48 @@
 									</view>
 								</view>
 							</view>
-						</div>
-						<div class="loadmoreStyle"><u-loadmore status="nomore" :load-text="loadText" /></div>
-					</div>
+						</view>
+						<view class="sdsjdjsdj">
+							<u-image
+								:src="`../../static/${theme}/def_img@2x.png`"
+								width="100"
+								height="100"
+								border-radius="30"
+							></u-image>
+							<u-image
+								:src="`../../static/${theme}/def_img@2x.png`"
+								width="100"
+								height="100"
+								border-radius="30"
+							></u-image>
+							<u-image
+								:src="`../../static/${theme}/def_img@2x.png`"
+								width="100"
+								height="100"
+								border-radius="30"
+							></u-image>
+							<u-image
+								:src="`../../static/${theme}/def_img@2x.png`"
+								width="100"
+								height="100"
+								border-radius="30"
+							></u-image>
+							<u-image
+								:src="`../../static/${theme}/def_img@2x.png`"
+								width="100"
+								height="100"
+								border-radius="30"
+							></u-image>
+						</view>
+						<view class="loadmoreStyle"><u-loadmore status="nomore" :load-text="loadText" /></view>
+					</scroll-view>
 					<view v-else class="emptyStyle u-flex">
 						<u-empty :src="`/static/${$config('themePath')}/def_no_data@3x.png`" icon-size="150" text="暂无匹配产品" mode="list"></u-empty>
 					</view>
-				</div>
-			</div>
-		</div>
+					
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -170,6 +190,7 @@ export default {
 			},
 			shelfName: '',
 			isRestCon:false,//是否点击重置按钮
+			scrollHeight:''
 		};
 	},
 	onNavigationBarButtonTap(e) {
@@ -248,9 +269,9 @@ export default {
 					this.noDataText = res.message;
 				}
 				this.status = 'loadmore';
-				if (this.pullDownRefresh) {
+				/* if (this.pullDownRefresh) {
 					uni.stopPullDownRefresh();
-				}
+				} */
 			});
 		},
 		changeSel(num) {
@@ -293,16 +314,16 @@ export default {
 		}
 	},
 
-	onPullDownRefresh() {
-		this.pullDownRefresh = true;
-		this.pageNo = 1;
-		let ajaxData = {
-			shelfSn: this.shelfSn,
-			pageNo: this.pageNo,
-			pageSize: this.pageSize
-		};
-		this.getList(ajaxData);
-	}
+	// onPullDownRefresh() {
+	// 	this.pullDownRefresh = true;
+	// 	this.pageNo = 1;
+	// 	let ajaxData = {
+	// 		shelfSn: this.shelfSn,
+	// 		pageNo: this.pageNo,
+	// 		pageSize: this.pageSize
+	// 	};
+	// 	this.getList(ajaxData);
+	// }
 };
 </script>
 
@@ -421,6 +442,7 @@ export default {
 	.cpb_cart-mask {
 		position: fixed;
 		width: 100%;
+		height: 100%;
 		background: rgba(0, 0, 0, 0.5);
 		z-index: 900;
 		bottom: 0;
@@ -433,7 +455,7 @@ export default {
 		z-index: 1000;
 		bottom: 0;
 		border-radius: 30rpx 30rpx 0 0;
-		max-height: 70vh;
+		height: 60vh;
 		display: flex;
 		flex-direction: column;
 		.cpb_close {
@@ -469,12 +491,14 @@ export default {
 			}
 		}
 		.cpb_body {
-			height: 80vh;
+			height:calc(60vh - 202rpx);
+			box-sizing: border-box;
+			display: flex;
 			.cpb_tab {
 				width: 25%;
 				height: 100%;
 				background-color: #f8f8f8;
-				> div {
+				> view {
 					padding: 30rpx 20rpx;
 					font-size: 24rpx;
 					text-align: center;
@@ -485,7 +509,6 @@ export default {
 				}
 			}
 			.emptyStyle{
-				margin-top:  100rpx;
 				align-items: center !important;
 				margin:160rpx auto 0;
 				/deep/.u-empty{
@@ -497,7 +520,6 @@ export default {
 			width: 75%;
 			height: 100%;
 			padding: 20rpx;
-			overflow: auto;
 			flex-grow: 1;
 			box-sizing: border-box;
 			> view {
@@ -509,14 +531,6 @@ export default {
 			.item-name {
 				font-size: 30rpx;
 				width: 100%;
-				// text{
-				// 	background: rgba(3, 54, 146, 0.15);
-				// 	color: #1c588a;
-				// 	border-radius: 1em;
-				// 	font-size: 0.8em;
-				// 	padding: 0 0.5em;
-				// 	margin-right: 10upx;
-				// }
 			}
 			.item-info {
 				border-bottom: 2rpx solid #eee;