|
|
@@ -6,7 +6,7 @@
|
|
|
<view>
|
|
|
<swiper class="swiper" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="500">
|
|
|
<swiper-item v-for="(item,index) in advertList" :key="index">
|
|
|
- <image :src="item.imgPath" mode="aspectFill"></image>
|
|
|
+ <image :src="item.imgPath" mode="aspectFill"></image>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
@@ -26,23 +26,25 @@
|
|
|
<view class="title-tip">直播带货，视频推荐</view>
|
|
|
</view>
|
|
|
<view class="content-box video-box">
|
|
|
- <view class="video-col" style="margin-right: 11px;" v-if="liveTelecast" @click="goToLiveList(1)">
|
|
|
+ <view class="video-col" style="margin-right: 11px;" @click="goToLiveList(1)">
|
|
|
<view class="video-title">直播大厅
|
|
|
<view class="circular">
|
|
|
<text class="iconfont iconfangxiang"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="video-img" :src="liveTelecast.imgUrl"></image>
|
|
|
- <view class="video-name">{{liveTelecast.liveName}}</view>
|
|
|
+ <view v-if="!liveTelecast.imgUrl">暂无直播</view>
|
|
|
+ <image class="video-img" :src="liveTelecast.imgUrl" v-if="liveTelecast" mode="aspectFill"></image>
|
|
|
+ <view class="video-name" v-if="liveTelecast">{{liveTelecast.liveName}}</view>
|
|
|
</view>
|
|
|
- <view class="video-col" style="margin-left: 11px;" v-if="shortVideo" @click="goToLiveList(2)">
|
|
|
+ <view class="video-col" style="margin-left: 11px;" @click="goToLiveList(2)">
|
|
|
<view class="video-title">短视频推荐
|
|
|
<view class="circular">
|
|
|
<text class="iconfont iconfangxiang"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="video-img" :src="shortVideo.coverUrl"></image>
|
|
|
- <view class="video-name">{{shortVideo.videoName}}</view>
|
|
|
+ <view v-if="!shortVideo.coverUrl">暂无短视频</view>
|
|
|
+ <image class="video-img" :src="shortVideo.coverUrl" mode="aspectFill" v-if="shortVideo"></image>
|
|
|
+ <view class="video-name" v-if="shortVideo">{{shortVideo.videoName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="index-title">
|
|
|
@@ -50,7 +52,8 @@
|
|
|
<view class="title-tip">精品特价，限量抢购</view>
|
|
|
</view>
|
|
|
<view class="content-box" style="width: calc(100% - 24px);margin-left: 12px; display: flex;justify-content: space-between;">
|
|
|
- <view class="discount-col" v-for="(item,index) in discountList" :key="index" @click="goToGoodDetails(item)">
|
|
|
+ <view v-if="!discountList.length">暂无商品</view>
|
|
|
+ <view v-if="discountList.length" class="discount-col" v-for="(item,index) in discountList" :key="index" @click="goToGoodDetails(item)">
|
|
|
<image class="discount-img" :src="item.imgPath" mode="aspectFill" style="width: 100%;"></image>
|
|
|
<view class="discount-name">{{item.productName}}</view>
|
|
|
<view class="discount-price">
|
|
|
@@ -63,9 +66,10 @@
|
|
|
<view class="index-title" style="margin-bottom: 4px;">
|
|
|
<view class="title-text">猜你喜欢</view>
|
|
|
</view>
|
|
|
- <scroll-view class="content-box" scroll-y="false">
|
|
|
+ <view v-if="!goodsList.length" style="margin-left: 12px;">暂无商品</view>
|
|
|
+ <scroll-view v-if="goodsList.length" class="content-box" scroll-y="false">
|
|
|
<view class="goods-row" v-for="(item,index) in goodsList" :key="index" @click="goToGoodDetails(item)">
|
|
|
- <image class="goods-img" :src="item.imgPath"></image>
|
|
|
+ <image class="goods-img" :src="item.imgPath" mode="aspectFill"></image>
|
|
|
<view class="goods-info">
|
|
|
<view class="goods-name">{{item.productName}}</view>
|
|
|
<view class="goods-number">{{item.sellCount}}人付款</view>
|
zhaoxw