<!--无数据时显示的空白页-->

<template>
    <div class="pageInfo">
        <!-- <img src="http://wxdd198a901fa24220.h5.inside.xiaoe-tech.com/images/userinfo/pic_kong.png?2017030932"> -->
        <!-- 以上资源有问题加载不出来导致页面顶部loading，会影响预览图片 -->
        <div class="imgContainer">
            <img :src="blankType" alt="">
        </div>
        <p class="t2 c3" style="margin-top: 0.1rem">{{hint}}</p>
    </div>
</template>

<script>
    export default{
        props: {
            hint: {
                default: "没有记录"
            },
            blankType:''//控制空白页面渲染的图片
        },
        data() {
            return {
                baseUrl:'http://static.h5.inside.xiaoeknow.com/images/userinfo/',
            };
        },
    };
</script>

<style scoped>
    .pageInfo {
        text-align: center;
        position: relative !important;
        width: 100%;
        height: auto !important;
    }

    .pageInfo img {
        width: 4rem;
        height: auto;
        margin-top: 0;
        display: block;
        margin: 0 auto;
    }
    p{
        position: absolute;
        width: 100%;
        text-align: center;
        top: 3rem;
        color: #ADADB4;
    }
    .imgContainer{
        height: 4rem;
    }

</style>