rtim/components/public/scs-no-data.vue

<!--
 * @Author: jmy
 * @Date: 2026-01-18 12:02:41
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2026-01-18 15:02:10
 * @Description: 
-->
<template>
    <view class="scs-no-data">
        <image class="no-image" :style="{ 'width': width + 'px', 'height': height + 'px', 'margin-top': top + 'px' }" src="https://cos.his.cdwjyyh.com/fs/20240423/cf4a86b913a04341bb44e34bb4d37aa2.png">
        </image>
        <text class="no-desc" v-if="desc">{{ desc }}</text>
    </view>
</template>

<script>
export default {
    props: {
        width: {
            type: Number,
            default: 80
        },
        height: {
            type: Number,
            default: 60
        },
        top: {
            type: Number,
            default: 80
        },
        desc: {
            type: String,
            default: '暂无数据'
        }
    }
}
</script>
<style lang="scss" scoped>
//暂无数据
.scs-no-data {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .no-image {
        width: 140px;
        height: 140px;
        margin-top: 100px;
    }

    .no-desc {
        font-size: 28rpx;
        color: #999999;
    }
}
</style>