fangliaoxiaochengxv/components/Empty/index.vue

<template>
	<view class="empty-box">
		<!-- <u--image :src="emptyImg" :width="imgSize" :height="imgSize"></u--image> -->
		<view>暂无数据</view>
		<text class="empty-txt" :style="getTitleStyle">{{emptytxt}}</text>
		<text class="empty-desc" :style="getTitleStyle">换个关键词试试~</text>
	</view>
</template>

<script>
	export default {
		// 缺省页
		name: "empty",
		props: {
			emptyImg: {
				type: String,
				// default: `${this.$getImgBaseUrl()}ic_empty.png`,
			},
			emptytxt: {
				type: String,
				default: "没有找到内容",
			},
			imgSize: {
				type: String,
				default: "213rpx",
			},
			fontSize: {
				type: String,
				default: "28rpx",
			},
		},
		computed: {
			getTitleStyle() {
				return "font-size:" + this.fontSize + ";"
			},
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.empty-box {
		width: 100%;
		height: 70vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.empty-txt {
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		display: flex;
		align-items: center;
		text-align: center;
		letter-spacing: 0.02em;
		margin: 16rpx 0 0 0;
		/* 输入框默认文字 */

		color: #000000;

	}

	.empty-desc {
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		display: flex;
		align-items: center;
		text-align: center;
		letter-spacing: 0.02em;
		/* 输入框默认文字 */

		color: #BBBFC4;

	}
</style>