Empty 空状态

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title='empty'>
		<t-card class='m.30' title="Empty 空白页占位"
			sub-title="
空白页占位组件用于在应用中显示一个空状态页面，通常在没有数据或内容可显示时使用。它的功能亮点包括：提供默认或自定义的占位图像，支持自定义标题和描述文本，以及可固定在页面中心的位置。使用场景包括：在列表为空、搜索无结果、网络请求失败等情况下，向用户传达当前状态并提供指引。"></t-card>
		<t-empty title="暂无数据" descr="功能开发中，敬请期待！"></t-empty>
		<t-empty mode="news" title="暂无新消息" class="mt.60"></t-empty>
		<t-empty mode="address" title="暂无地址信息" class="mt.60"></t-empty>
		<t-empty mode="network" title="请检查网络设置！" class="mt.60"></t-empty>
		<t-empty mode="order" title="暂无订单" class="mt.60"></t-empty>
		<t-empty mode="search" title="没有找到搜索的内容额~" class="mt.60"></t-empty>
	</t-page>
</template>

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

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

Props

名称	描述	类型	默认值	可选值
mode	显示模式	String	'order'	-
src	图片路径	String	''	-
imageClass	图片的额外类名	String	''	-
title	标题文本	String	''	-
titleClass	标题的额外类名	String	''	-
descr	描述文本	String	''	-
descrClass	描述的额外类名	String	''	-
isFixed	是否固定	Boolean	false	true, false

Events

事件名	描述	回调参数	版本
-	-	-	-

Methods

方法名	说明	参数
-	-	-

Slots

事件名	描述
default	默认插槽