49 lines
1020 B
Vue
49 lines
1020 B
Vue
<template>
|
|
<view class="list-null" v-if="isShow">
|
|
<view class="null-img">
|
|
<image src="/static/img/nomore.svg" mode=""></image>
|
|
</view>
|
|
<text>{{ text }}</text>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, watchEffect } from "vue"
|
|
const props = defineProps({
|
|
isShow: { type: Boolean, default: false },
|
|
// text: { type: String, default: '暂无更多数据' },
|
|
list: { type: Number, default: 0 },
|
|
})
|
|
|
|
let text = ref("")
|
|
watchEffect(() => {
|
|
props.list === 0 ? (text.value = "暂无数据") : (text.value = "暂无更多数据")
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.list-null {
|
|
height: 200rpx;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
font-weight: 500;
|
|
font-size: 23rpx;
|
|
letter-spacing: 0.05em;
|
|
text-align: left;
|
|
color: #9ea5b3;
|
|
.null-img {
|
|
margin-top: 30rpx;
|
|
height: 80rpx;
|
|
width: 124rpx;
|
|
//background-color: #2979FF;
|
|
image {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style>
|