questionbankvue3/components/nodata/nodata.vue

<template>
	<view class="noDate">
		<view class="img">
			<image src="@/static/images/nodata.png" mode=""></image>
		</view>
		<view class="text">
			<slot>
				<text>暂无数据</text>
			</slot>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.noDate {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 40rpx 0;
	}
	.img {
		width: 300rpx;height: 313rpx;
		image {
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.text {
		font-size: 32rpx;
		color: #999;
		margin-top: -100rpx;
	}
</style>