yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化：商品库存为零商品列表封面显示已售罄，详情页用户无法下单

pull/22/head
ZENGlei11350 2023-12-04 13:32:15 +08:00
parent ac2b1b3d10
commit 8ff36c005a
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/productConSwiper/index.vue
View File

@ -80,7 +80,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
.product-bg { .product-bg {
width: 100%; width: 100%;
height: 750rpx; height: 975rpx;
position: relative; position: relative;
} }

17
pages/goods_list/index.vue
View File

@ -33,7 +33,9 @@
<view class='list acea-row row-between-wrapper' :class='is_switch?"":"on"'> <view class='list acea-row row-between-wrapper' :class='is_switch?"":"on"'>
<view class='item' :class='is_switch?"":"on"' hover-class='none' <view class='item' :class='is_switch?"":"on"' hover-class='none'
v-for="(item,index) in productList" :key="index" @click="godDetail(item)"> v-for="(item,index) in productList" :key="index" @click="godDetail(item)">
<view class='pictrue' :class='is_switch?"":"on"'> <view class='pictrue' :class='is_switch?"":"on"'>
<view class="no-sale-num" v-if="item.stock === 0">已售罄</view>
<image :src='item.picUrl' :class='is_switch?"":"on"'></image> <image :src='item.picUrl' :class='is_switch?"":"on"'></image>
<span class="pictrue_log_class" <span class="pictrue_log_class"
:class="is_switch ? 'pictrue_log_big' : 'pictrue_log'" :class="is_switch ? 'pictrue_log_big' : 'pictrue_log'"
@ -464,4 +466,19 @@
padding-bottom: 30rpx; padding-bottom: 30rpx;
margin-top: 172rpx; margin-top: 172rpx;
} }
.no-sale-num {
width: 100%;
height: 100%;
display: flex;
position: absolute;
justify-content: center;
align-items: center;
z-index:100;
background: rgba(0, 0, 0, 0.36);
border-radius: 20rpx 20rpx 0 0;
color: #fff;
font-weight: 600;
font-size: $bg-end;
}
</style> </style>