更新记录

1.0.0（2026-05-12） 下载此版本

  • 初始版本
  • 支持图标和图片两种空状态展示
  • 支持自定义文字和样式

平台兼容性

uni-app(5.0)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- √ - - √ - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
3.15.0 - - - - - - - - - - -

uni-app x(5.0)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - 3.15.0

carson-empty

空状态组件，支持图标和图片两种展示方式。

安装

直接在 uni-app 项目中使用，无需额外安装。

依赖

  • carson-icon - 图标组件

使用方法

<!-- 使用图标 -->
<carson-empty icon="icon-kaxiangkongzhuangtai" text="空空如也哟" />

<!-- 使用图片 -->
<carson-empty icon="https://example.com/empty.png" text="暂无数据" />

Props

参数 类型 默认值 说明
icon String icon-kaxiangkongzhuangtai 图标名称（以 icon- 或 micon- 开头）或图片 URL（以 http 开头）
size Number 96 图标/图片大小（rpx）
text String 空空如也哟 空状态文字
myClass String - 自定义类名
textStyle Object {} 自定义文字样式

Slots

名称 说明
default 自定义内容，显示在文字下方

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。