yihuo/components/empty.vue

<template>
    <view :style="{ marginTop: top + 'px' }" class="flex-column-align-center marginB30">
        <image
            :src="ossurl.common.empty"
            webp
            style="width: 320rpx; height: 320rpx"
            :style="{ opacity: light ? 1 : 1 }"
        />
        <view class="marginT20 font4" :class="[light ? 'color-1' : 'color-888']">{{ title }}</view>
    </view>
</template>

<script>
import ossurl from '@/utils/ossurl'

export default {
    props: {
        top: {
            default: 52,
            type: Number
        },
        title: {
            default: '暂无数据',
            type: String
        },
        light: {
            default: false,
            type: Boolean
        }
    },
    data() {
        return {
          ossurl
        }
    }
}
</script>
<style lang="scss" scoped>
.color-888 {
    color: #888888;
}
</style>