|
|
|
@ -3,13 +3,13 @@ |
|
|
|
<skeleton :loading="skeletonLoading" :row="6" :showAvatar="false" :showTitle="true"> |
|
|
|
<view class="list-box"> |
|
|
|
<view class="lf-row-between list-item" v-for="(item, index) in list" :key="item.id"> |
|
|
|
<image class="goods-img" :src="item.goods.cover" @click="enterDetail(index)"></image> |
|
|
|
<image class="goods-img" mode="aspectFill" :src="item.goods.cover" @click="enterDetail(index)"></image> |
|
|
|
<view style="width: 480rpx;"> |
|
|
|
<view class="lf-font-32 lf-line-1" @click="enterDetail(index)">{{ item.goods.name }}</view> |
|
|
|
<view class="lf-row-between lf-m-t-20"> |
|
|
|
<view class="lf-flex"> |
|
|
|
<image class="shop-img" :src="item.goods.store.cover" v-if="item.goods.store.cover"></image> |
|
|
|
<image class="shop-img" src="../../static/center/shop-logo.png" v-else></image> |
|
|
|
<image class="shop-img" mode="aspectFill" :src="item.goods.store.cover" v-if="item.goods.store.cover"></image> |
|
|
|
<image class="shop-img" mode="aspectFill" src="../../static/center/shop-logo.png" v-else></image> |
|
|
|
<view class="lf-m-l-10 lf-font-28 lf-line-1 shop-name">{{ item.goods.store.name }}</view> |
|
|
|
</view> |
|
|
|
<view @click="switchCollect(index)" class="lf-font-40"> |
|
|
|
@ -123,9 +123,9 @@ |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
.shop-img{ |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.shop-name{ |
|
|
|
width: 305rpx; |
|
|
|
|