优化空列表提示

master
Eratosici 5 years ago
parent 3d4861bb8c
commit ef8076aec2

@ -226,3 +226,12 @@ page {
color: #eb2444;
font-family: arial;
}
/* 空 */
.cont-item.empty {
display: block;
font-size: 24rpx;
margin-top: 80rpx;
color: #aaa;
text-align: center;
}

@ -32,7 +32,7 @@
<image :src="categoryImg" mode="widthFix"></image>
</view>
</view>
<view class="cont-item">
<view v-if="productList.length" class="cont-item">
<block v-for="(item, index) in productList" :key="index">
<view class="show-item" @tap="toProdPage" :data-prodid="item.prodId">
<view class="more-prod-pic">
@ -49,6 +49,7 @@
</block>
</view>
<view v-if="!productList.length" class="cont-item empty"></view>
<!-- </block> -->
</scroll-view>
<!-- 右侧内容end -->

@ -82,7 +82,7 @@
<view class="item">
<text class="item-tit">订单编号</text>
<text class="item-txt">{{orderNumber}}</text>
<text class="copy-btn" @tap="copyBtn"></text>
<!-- <text class="copy-btn" @tap="copyBtn"></text> -->
</view>
<view class="item">
<text class="item-tit">下单时间</text>

@ -326,6 +326,13 @@ swiper image {
right: -10px;
border-bottom-color: #e5e5e5;
}
.cmt-items .empty {
display: block;
font-size: 24rpx;
text-align: center;
color: #aaa;
margin-top: 5vh;
}
.cmt-user {
line-height: 25px;

@ -197,6 +197,7 @@
<text @tap="getProdCommPage" data-evaluate="3" :class="evaluate==3?'selected':''">有图({{prodCommData.picNumber}})</text>
</view>
<view class="cmt-items">
<block v-if="prodCommPage.records.length">
<view v-for="(item, index) in prodCommPage.records" :key="index" class="cmt-item">
<view class="cmt-user">
<text class="date">{{item.recTime}}</text>
@ -214,6 +215,8 @@
<text class="reply-tit">店铺回复</text> {{item.replyContent}}
</view>
</view>
</block>
<view v-if="!prodCommPage.records.length" class="empty"></view>
</view>
<view class="load-more" v-if="prodCommPage.pages > prodCommPage.current">
<text @tap="getMoreCommPage"></text>

Loading…
Cancel
Save