mteacher/src/components/MEmpty.vue

<template>
    <div class="mempty" :class="full?'full':null">
        <div :class="[icon ? icon : 'icon_nodata', 'icon']"></div>
        <div class="msg">{{ msg ? msg : '暂无内容' }}</div>
    </div>
</template>

<script>
export default {
    name: 'mempty',
    props: {
        icon: String, // icon名称
        msg: String,
        full:Boolean
    }
    
}
</script>

<style lang="less" scoped>
@import url('../assets/commonLess/variable');

.icon {
    width: 2rem;
    height: 1.7rem;
    margin: .5rem auto .05rem;
}
.icon_nodata {
    background: url('../assets/images/icon_nodata.png') no-repeat center;
    background-size: contain;
}
.msg {
    color: @sFontColor;
    font-size: .16rem;
    text-align: center;
    line-height: .22rem;
    position: relative;
    top: -.2rem;
}
.full {
    height: 100vh;
}
</style>