mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

图片 顶部边距

Browse Source
This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-02-29 16:33:02 +08:00
parent aee5d1b21d
commit ebe684ddec
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/cloud_warehouse/big_classification/index.vue
View File

@ -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;
height: 20rpx;
width: 24rpx;
height: 24rpx;
border: 2rpx solid #fff;
border-bottom-color: transparent;
border-right-color: transparent;

23
pages/cloud_warehouse/small_classification/index.vue
View File

@ -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"
height="34rpx"></u--image>
<u--image :showLoading="true" src="/static/images/dingwei.webp" width="36rpx" height="34rpx"
: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%;
}