更新记录

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协议

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