|
@@ -1,18 +1,20 @@
|
|
|
<template>
|
|
|
<view class="goods-list">
|
|
|
<view class="goods-item" v-for="item in list" :key="item.id">
|
|
|
- <view class="goods-imgs" @click="toDetail(item)">
|
|
|
- <view v-if="item.inventoryQty == 0&&item.state == 1" class="goods-staus">已售罄</view>
|
|
|
- <view v-if="item.state == 0" class="goods-staus">已下架</view>
|
|
|
- <u-lazy-load
|
|
|
- img-mode="scaleToFill"
|
|
|
- :height="imgHeight"
|
|
|
- :image="item.homeImage+'?x-oss-process=image/resize,m_pad,h_252,w_325,color_ffffff'"
|
|
|
- :loading-img="loadingImg"
|
|
|
- :error-img="errorImg">
|
|
|
- </u-lazy-load>
|
|
|
+ <view>
|
|
|
+ <view class="goods-imgs" @click="toDetail(item)">
|
|
|
+ <view v-if="item.inventoryQty == 0&&item.state == 1" class="goods-staus">已售罄</view>
|
|
|
+ <view v-if="item.state == 0" class="goods-staus">已下架</view>
|
|
|
+ <u-lazy-load
|
|
|
+ img-mode="scaleToFill"
|
|
|
+ :height="imgHeight"
|
|
|
+ :image="item.homeImage+'?x-oss-process=image/resize,m_pad,h_252,w_325,color_ffffff'"
|
|
|
+ :loading-img="loadingImg"
|
|
|
+ :error-img="errorImg">
|
|
|
+ </u-lazy-load>
|
|
|
+ </view>
|
|
|
+ <view class="name ellipsis-two" @click="toDetail(item)">{{item.name}}</view>
|
|
|
</view>
|
|
|
- <view class="name ellipsis-two" @click="toDetail(item)">{{item.name}}</view>
|
|
|
<view class="price">
|
|
|
<view>
|
|
|
<text>{{item.sellGold}}</text>
|
|
@@ -122,6 +124,9 @@
|
|
|
background: #FFFFFF;
|
|
|
width: 48%;
|
|
|
margin-bottom: 20upx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
.goods-imgs{
|
|
|
position: relative;
|
|
|
border-radius: 28upx 28upx 0 0;
|