更新记录
1.0.0(2025-03-05)
下载此版本
发布初版
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
Empty 空占位符
组件名: xt-empty
安装方式
本组件符合 easycom 规范,HBuilderX 3.1.0 起,只需将本组件导入项目,在页面 template 中即可直接使用,无需在页面中 import 和注册 components
基本用法
<template>
<view class="xt">
<xt-empty name='data' text="暂无"></xt-empty>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
}
}
</script>
<style scoped>
.xt {
padding: 50rpx;
display: flex;
flex-direction: column;
gap: 50rpx;
}
</style>
API
属性名 |
类型 |
说明 |
默认值 |
name |
String |
内置图标名称、图片路径,建议绝对路径,支持网络资源 |
data |
text |
String |
提示文字 |
- |
textColor |
String |
文字颜色 |
#c8cdcd |
textSize |
String|Number |
文字大小 |
30rpx |
color |
String |
图标的颜色 |
#c8cdcd |
size |
String|Number |
图标的大小 |
200rpx |
mode |
String |
图片展示模式,可选值同官网image |
scaleToFill |
width |
String|Number |
图片宽度 |
200rpx |
height |
String|Number |
图片高度 |
200rpx |
radius |
String|Number |
图片圆角 |
- |
show |
Boolean |
是否显示组件 |
true |
Name内置图标名称
值 |
说明 |
data |
内容为空 |
order |
订单为空 |
network |
没有网络 |
page |
页面不存在 |
search |
搜索为空 |
car |
购物车为空 |
favor |
没有收藏 |
message |
没有消息 |