更新记录

1.1.1(2022-09-29)

位置: translate(-50%, -40%) 改为 translate(-50%, -50%)

1.1.0(2022-07-21)

增加参数 top:距离顶部高度

1.0.0(2022-07-21)

首次发布

查看更多

平台兼容性

zero-empty

插件说明

个人仅测试于微信小程序

使用方法

符合easycom组件模式, 导入 uni_modules 后直接使用即可

<template>
    <view class="container">
        <!-- 默认用法 -->
        <zero-empty v-if="empty"></zero-empty>
        <!-- 自定义 -->
        <zero-empty v-if="empty" :needBtn="needBtn"  @click='handleClick'></zero-empty>
    </view>
</template>
<script>
    export default {
        data() {
            return {

            }
        },
        created() {
        },
        methods: {
            handleClick() {
                uni.showToast({
                    title: '点击了返回',
                    duration: 2000
                });
            }
        },
    }
</script>
    <style lang="scss" scoped>
    </style>

参数说明

参数 类型 默认值 描述
emptyImg String 图片路径
emptyImgSize Number 300 图片大小(widthFix),单位rpx
emptyTips String '暂无数据' 提示文案
emptyTipsSize Number 32 提示文案字号,单位rpx
needBtn Boolean false 是否显示按钮
btnText String '返回' 按钮文案
btnColor String '#0396FF' 按钮颜色
top String '50%' 距离顶部高度

event说明

事件名 说明 返回值
@click 点击按钮时触发 -

插件预览: code

预览的小程序不一定能及时更新当前插件

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问