Empty空数据

    引入

    在app.json或index.json中引入组件，默认为ES6版本

    1.       "usingComponents": {
    2.    "vtu-empty": "/miniprogram_npm/vtuweapp/empty/vtu-empty"
    3. }
    4.

    代码演示

    基础用法

    1. <vtu-empty src="/assets/image/empty.png" fill label="没有更多数据了~" describe="当前搜索的数据为空，请重新搜索"></vtu-empty>
    2. <vtu-empty src="/assets/image/empty1.png" fill label="您还没有登录~">
    3.   <vtu-btn type="primary" inlineBlock open-type="getUserInfo">立即登录</vtu-btn>
    4. </vtu-empty>
    5. <vtu-empty icon="iconfont icon-kong" fill-screen icon-color="orange" icon-size="50px" label="空空如也~"></vtu-empty>
    6.

    .json文件

    1.           {
    2.     "usingComponents": {
    3.         "vtu-btn": "/miniprogram_npm/vtuweapp/button/vtu-btn",
    4.         "vtu-empty": "/miniprogram_npm/vtuweapp/empty/vtu-empty"
    5.     }
    6. }
    7.  
    8.

    组件参数

    Props

    参数说明类型默认值必填
    src图片路径String-否
    icon图标String-否
    label标题String-否
    describe描述String-否
    height空数据面板高度String200px否
    image-width图片宽度，src设置时有效String150px否
    image-height图片高度，src设置时有效String150px否
    icon-size图标大小String30px否
    icon-color图标颜色String-否
    fill是否填充父类容器Booleanfalse否
    fillScreen是否填充屏幕Booleanfalse否

    外部样式类

    外部样式类名说明
    v-class组件外部样式类

    Empty 空数据 - 图1