图片 顶部边距

pages/cloud_warehouse/big_classification/index.vue

@@ -14,7 +14,8 @@
 					<view class="classification-item" @click="goSmallType(item)">
 						<view class="classification-item-name">{{item.cate_name}}</view>
 						<view class="classification-item-btn">立即前往</view>
-						<u-image :src="item.pic" mode="widthFix" width="140rpx" height="130rpx" class="img">
+						<u-image :src="item.pic" mode="widthFix" width="140rpx" height="130rpx" class="img"
+							:lazy-load="true">
 							<view slot="error" style="font-size: 24rpx;">暂无图片</view>
 						</u-image>
 					</view>
@@ -107,8 +108,8 @@
 		position: absolute;
 		top: 116rpx;
 		left: 20rpx;
-		width: 20rpx;
+		width: 24rpx;
-		height: 20rpx;
+		height: 24rpx;
 		border: 2rpx solid #fff;
 		border-bottom-color: transparent;
 		border-right-color: transparent;

pages/cloud_warehouse/small_classification/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<view style="background-color: #f5f5f5;">
-		<view style="height: var(--status-bar-height);"></view>
+		<!-- <view style="height: var(--status-bar-height);"></view> -->
 		<view class='productList' :style="viewColor">
 			<!-- 顶部 -->
 			<view class="top">
@@ -18,8 +18,8 @@
 						<view style="display: flex;align-items: center;justify-content: right;margin-left: 20rpx;"
 							@click="changeMap">
 							<view class="town_name">{{street||'定位中'}}</view>
-							<u--image :showLoading="true" src="/static/images/dingwei.webp" width="36rpx"
+							<u--image :showLoading="true" src="/static/images/dingwei.webp" width="36rpx" height="34rpx"
-								height="34rpx"></u--image>
+								:lazyLoad="true"></u--image>
 						</view>
 					</view>
 				</view>
@@ -33,7 +33,7 @@
 					<block v-for="(item,indx) in sideMenuType.children" :key="indx">
 						<view class="left-panel_item" @click="changeMerchantTow(item)">
 							<u--image :src="item.pic" class="image" :showLoading="true" width="100rpx" height="100rpx"
-								shape="circle" />
+								shape="circle" :lazyLoad="true" />
 							<text
 								:class="{'left-panel_item_active':storeParam.category_id == item.store_category_id}">{{item.cate_name}}</text>
 						</view>
@@ -67,7 +67,12 @@
 						<block>
 							<view v-if="item.product" v-for="(item, index) in goodsList" class="short_item"
 								@click="clickProduct(item)">
-								<image class="image" :src="item.product.image"></image>
+								<u-image style="margin-right: 20rpx;flex-shrink: 0" width="145rpx" height="145rpx"
+									:src="item.product.image" :lazy-load="true" :radius="10">
+									<template v-slot:loading>
+										<u-loading-icon color="#999"></u-loading-icon>
+									</template>
+								</u-image>
 								<view class="short_item_right">
 									<view class="r_name">{{item.product.store_name}}</view>
 									<view class="r_type">
@@ -95,7 +100,7 @@
 		<view class="cart" @click="navgo('/pages/order_addcart/order_addcart')">
 			<u--image :showLoading="true"
 				src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/b52c6202402291350366422.webp" width="110rpx"
-				height="110rpx"></u--image>
+				height="110rpx" :lazyLoad="true"></u--image>
 			<view class="badge" v-show="goodsNum">
 				{{goodsNum}}
 			</view>
@@ -786,6 +791,7 @@
 					mer_id: 244
 				}).then(res => {
 					this.propotionData = res.data;
+					console.log(this.propotionData);
 				})
 			},
 
@@ -930,22 +936,21 @@
 		align-items: center;
 		box-sizing: border-box;
 		padding: 0 20rpx;
-
 	}
 
 	.productList {
 		display: flex;
 		flex-direction: column;
-
 		width: 100%;
 		height: 760rpx;
 		background-image: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/80b54202402290906142644.webp");
 		background-size: cover;
 		background-repeat: no-repeat;
 		background-position: center;
+		padding-top: var(--status-bar-height);
 
 		.top {
-			padding-top: 102rpx;
+			padding-top: 20rpx;
 			margin-bottom: 40rpx;
 			width: 100%;
 		}