更新记录
1.0.1(2024-08-05) 下载此版本
添加各种情况的内置图标
1.0.0(2024-06-07) 下载此版本
- src 图片地址
- mode 图片裁剪、缩放的模式
- description 文本描述
<shaoll-empty :imageSize="'320upx'" :description="'空数据'"> <button type="primary" plain="true" style="margin-top: 20upx;">按钮</button> </shaoll-empty>
平台兼容性
shaoll-empty
名称 | 说明 |
---|---|
car | 购物车为空 |
page | 页面不存在 |
search | 没有搜索结果 |
address | 没有收货地址 |
wifi | 没有WiFi |
order | 订单为空 |
coupon | 没有优惠券 |
favor | 无收藏 |
permission | 无权限 |
history | 无历史记录 |
news | 无新闻列表 |
message | 消息列表为空 |
list | 列表为空(通用) |
data | 数据为空(默认,通用) |
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
color | 文字颜色 | String | #c0c4cc | - |
text | 文字提示 | String | 无内容 | - |
icon-color 1.4.2 | icon的颜色,字体图标时有效 | String | #c0c4cc | - |
icon-size 1.4.2 | icon的大小,单位rpx,如果src为图片路径,此参数可以设置图片的尺寸 | String / Number | 120 | - |
src | 图标名称或者图片路径(绝对路径),如定义,mode参数会失效 | String | - | - |
font-size | 提示文字的大小,单位rpx | String/Number | 28 | - |
mode | 内置的图标,见上方说明 | String | data | - |
img-width 1.4.2起废弃 | 图标的宽度,单位rpx | String/ Number | 240 | - |
img-height 1.4.2起废弃 | 图标的高度,单位rpx | String | auto | - |
show | 是否显示组件 | Boolean | true | false |
margin-top | 组件到上一个元素的间距,单位rpx | String / Number | 0 | - |
customImage | 是否自定义图片 | Boolean | false | false |
ImageSrc | 默认空图片 | String | - | - |
ImageMode | 图片的模式 | String | aspectFit | - |
imageSize | 图片的大小 | String | 220px | - |
Slot
名称 | 说明 |
---|---|
bottom | 给组件底部传入slot内容 |