H5-Merchant/pages/supplychainon/emptyData/emptyData.vue

<template>
	    <view class="flex-col">
	      <image
	        class="image_wrapper"
	        src="/static/images/new_ui/empty_data.png"
	      />
	      <view class="text_tilte">{{title}}</view>
	    </view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:"暂无数据"
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.flex-col{
	user-select: none;
	text-align: center;
	width:100%;
	position: absolute;
	top:30%;
	.text_tilte{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		line-height: 30rpx;
		text-align: center;
		font-style: normal;
	}
	.image_wrapper{
		     width: 327px;
		      height: 257px;
			  
		
	}
}
</style>