管理端,我的活动中当没有活动显示时,显示提示词和图片

dev
QB 2024-08-13 22:40:45 +08:00
parent e48644e320
commit 79bffca439
1 changed files with 19 additions and 1 deletions

View File

@ -15,8 +15,13 @@
</view>
</view>
<view class="cardz" style="paddingTop: 70rpx; paddingBottom: 24rpx;">
<!-- 当列表没有信息时 -->
<view v-if="modelValue.length === 0" class="noContent">
<image src="@/static/images/icon/tu4-9.png" class="img6" />
<text class="noContentText">当前暂无活动哦请耐心等等!</text>
</view>
<!-- 列表信息 -->
<view class="scrollable-list">
<view class="scrollable-list" v-else>
<up-list @scrolltolower="scrolltolower" :showScrollbar="false" :pagingEnabled="true">
<up-list-item v-for="(item, index) in modelValue" :key="index">
<view class="listInfo" @click="toInfo(item)">
@ -261,6 +266,7 @@ const getDictLabelByValue = (state) => {
return dict ? dict : '未知状态';
};
</script>
<style lang="scss">
@ -405,4 +411,16 @@ const getDictLabelByValue = (state) => {
color: #FFABAB;
}
}
//
.img6 {
width: 326rpx;
height: 280rpx;
}
.noContent {
margin-top: 150rpx;
display: flex;
flex-direction: column;
align-items: center;
}
</style>