vue封装的一个暂无数据组件
<template><div class="zwsj"><img :src="icon" :width="imgW" :height="imgH"/><div style="color: #999;font-si
·
<template>
<div class="zwsj">
<img :src="icon" :width="imgW" :height="imgH"/>
<div style="color: #999;font-size: 12px;margin-top: 5px">{{text}}</div>
</div>
</template>
<script>
export default {
name: "ecs-nodata",
props: {
icon: {
require: true
},
text: {
require: true
},
imgW: {
default: "175px"
},
imgH: {
default: "95px"
}
}
}
</script>
<style scoped>
.zwsj {
padding: 120px 0;
text-align: center;
}
</style>
引用方法
<ecs-nodata v-if="list[0].title==''" :icon="require('@/assets/images/搜索@2x.png')" text="暂无维修产品"></ecs-nodata>
更多推荐
已为社区贡献2条内容
所有评论(0)