|
|
|
@ -3,18 +3,26 @@ |
|
|
|
<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"> |
|
|
|
<u-icon name="heart-fill" color="#ff0f00" v-if="item.is_collect"></u-icon> |
|
|
|
<u-icon name="heart" v-else></u-icon> |
|
|
|
<view v-if="item.is_collect" class="flex flex-direction justify-around align-center text-center" style="width: 100%;"> |
|
|
|
<u-icon name="heart-fill" color="#ff0f00"></u-icon> |
|
|
|
<text class="lf-font-24">取消收藏</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view v-else class="flex flex-direction justify-around align-center text-center" style="width: 100%;"> |
|
|
|
<u-icon name="heart"></u-icon> |
|
|
|
<text class="lf-font-24">添加收藏</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="lf-m-t-20 lf-font-24 lf-color-gray">{{ item.created_at_text }}</view> |
|
|
|
@ -115,12 +123,12 @@ |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
.shop-img{ |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.shop-name{ |
|
|
|
width: 340rpx; |
|
|
|
width: 305rpx; |
|
|
|
color: #555555; |
|
|
|
} |
|
|
|
} |
|
|
|
|