leromro-mini/components/NoneView/index.vue

<template>
    <view class="none-box">
        <img src="/static/serverImg/list/null.png" alt="" style="width: 382rpx; height: 244rpx;">
        <view class="none-text">{{value}}</view>
    </view>
</template>
<script setup>


const props = defineProps({
    value: {
        type: String,
        default: '数据为空'
    }
})
</script>

<style scoped lang="scss">
.none-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100rpx;
    .none-text {
        font-size: 24rpx;
        font-weight: 400;
        letter-spacing: 0rpx;
        line-height: 28.96rpx;
        color: rgba(119, 119, 119, 1);
        text-align: center;
    }
}
</style>