更新记录
1.0.1(2021-10-27)
发布内容为空组件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
empty 内容为空
**组件名:leruge-empty
内容为空主要用于列表数据为空的时候提示。
安装方式
本组件符合easycom规范,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
基本用法
在 template
中使用组件
<leruge-empty text="暂无数据" type="minus"></leruge-empty>
API
Badge Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
text | String | 暂无数据 | 文字提示 |
type | String | minus | uni-icons图标 |
margin-top | Number | 0 | 距离上一个元素距离 |
show | Boolean | true | 是否显示 |