kevy-empty

<template>
	<view class="content">
		<!-- 这里是直接定义type -->
		<kevy-empty :show="true" type="list"></kevy-empty>
		<!-- 这里是直接定义type和text -->
		<kevy-empty :show="true" type="favor" text="没有列表哦~"></kevy-empty>
		<!-- 这里是自定义图标示例,更多自定义参考api -->
		<kevy-empty :show="true" image="https://img01.yzcdn.cn/vant/empty-image-default.png" text="没有数据哦~"></kevy-empty>
		<!-- 这里是slot插入自定义内容到组件下方 -->
		<kevy-empty :show="true" type="money">
			<view class="self">返回首页</view>
		</kevy-empty>
		<!-- 全屏展示 设置下方full-screen为true即可 -->
		<kevy-empty :show="true" :full-screen="false" type="money">
			<view class="self">返回首页</view>
		</kevy-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.content {
		min-height: 100vh;
		min-width: 100vw;
		box-sizing: border-box;
		background-color: #ffffff;
	}

	.self {
		text-align: center;
		margin: 60rpx auto 30rpx;
		font-size: 28rpx;
		color: #a7a7a7;
		background-color: #f7f7f7;
		border-radius: 30rpx;
		padding: 10rpx 20rpx;
		width: 300rpx;
	}
</style>