fs-uni-template/components/fs-empty/fs-empty.vue

<template>
	<view class="fs-empty-box" :style="{padding: padding}">
		<image :src="src" mode="widthFix" :style="{width: imageWidth}"></image>
		<view class="content">{{text}}</view>
	</view>
</template>

<script setup>
import empty from './empty.png'

const props = defineProps({
	src: {
		type: String,
		default: empty
	},
	text: {
		type: String,
		default: '暂无数据'
	},
	padding: {
		type: String,
		default: '200rpx 30rpx'
	},
	imageWidth: {
		type: String,
		default: '400rpx'
	}
})
</script>

<style lang="scss" scoped>
.fs-empty-box{
	text-align: center;
	
	.content{
		margin-top: 20rpx;
	}
}
</style>