leromro-mini/components/NoneView/index.vue

<template>
    <view class="none-box">
        <img :src="icon" alt="" style="width: 267rpx; height: 267rpx;">
        <view class="none-text" v-if="value">{{value}}</view>
       <slot></slot>
    </view>
</template>
<script setup>


const props = defineProps({
    value: {
        type: String,
        default: ''
    },
    icon: {
         type: String,
        default: '/static/serverImg/list/null.png'
    }
})
</script>

<style scoped lang="scss">
.none-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 103rpx;
    .none-text {
       font-family: Inter;
        font-size: 27.63rpx;
        font-weight: bold;
        line-height: 33.63rpx;
        text-align: center;
        display: flex;
        align-items: center;
        letter-spacing: normal;
        color: #687383;
        margin-top: 14rpx;
    }
}
</style>