zhywpt-sp/components/empty/empty.vue

<template>
	<view class="content-wrapper">
		<view class="picture-wrapper">
			<image class="d-img" :src="`${$imgUrl}common/search.png`" mode="aspectFill"></image>
		</view>
		<view class="title-wrapper">
			<view class="title">
				{{title}}
			</view>
		</view>

	</view>
</template>

<script setup lang="ts">
	defineProps({
		//参照https://vkuviewdoc.fsq.pub/components/empty.html说明，也可自定义图片路径
		title: {
			type: String,
			default: '暂未搜索到相关业务信息'
		},


	})
</script>

<style scoped lang="scss">
	.content-wrapper {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #EEF7F7;

		.d-img {
			width: 334rpx;
			height: 237rpx;
		}

		.picture-wrapper {
			margin-top: 200rpx;
			display: flex;
			justify-content: center;
		}

		.title-wrapper {
			margin-top: 20rpx;
			display: flex;
			justify-content: center;
		}
	}
</style>