更新记录
1.0.2(2022-06-01) 下载此版本
更新标题
1.0.1(2022-06-01) 下载此版本
更新文档
1.0.0(2022-05-30) 下载此版本
1、新增缺省页
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | × | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
jr-no-data (缺省页)
使用方法
引入、注册组件 ,示例如下;
<template>
<view class="content">
<no-data/>
</view>
</template>
<script>
import noData from '@/uni_modules/jr-no-data/components/jr-no-data/jr-no-data.vue'
export default {
components:{
noData
}
}
</script>
Attributes
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
noDataText | 缺省文字 | string | 暂无数据 |
img | 缺省图 | string | - |
height | 缺省图的高 | number | 150(单位默认rpx 无需传单位) |
width | 缺省图的宽 | number | 200(单位默认rpx 无需传单位) |
textMargin | 缺省文字距离顶部高度 | number | 14(单位默认rpx 无需传单位) |
textFontSize | 缺省文字的字体大小 | number | 24(单位默认rpx 无需传单位) |
padTop | 缺省图片距离顶部高度 | number | 60(单位默认rpx 无需传单位) |