53 lines
14 KiB
Vue
53 lines
14 KiB
Vue
|
<template>
|
||
|
|
<view class="nodata" v-if="show">
|
||
|
|
<image :src="emptyImage?emptyImage:baseImg" mode="widthFix" class="empty_image"></image>
|
||
|
|
<text :style="{color:textColor}">{{ text }}</text>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
default: '暂无数据'
|
||
|
|
},
|
||
|
|
textColor:{
|
||
|
|
type: String,
|
||
|
|
default: '#AAA'
|
||
|
|
},
|
||
|
|
emptyImage: {
|
||
|
|
type: String,
|
||
|
|
},
|
||
|
|
show: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
baseImg:
|
||
|
|
'data:image/png;base64,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
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.nodata {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
// height: calc(60vh);
|
||
|
|
// width: calc(100vw);
|
||
|
|
color: #666;
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
.empty_image {
|
||
|
|
width: 200rpx !important;
|
||
|
|
margin-bottom: 50rpx;
|
||
|
|
}
|
||
|
|
</style>
|