34 lines
623 B
Vue
34 lines
623 B
Vue
|
<template>
|
||
|
|
<view class="empty">
|
||
|
|
<u--image :showLoading="true" src="/static/svg/empty.svg" width="750upx" height="500upx"></u--image>
|
||
|
|
<view class="empty-text">{{ message }}</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
message: {
|
||
|
|
type: String,
|
||
|
|
default: '暂无数据'
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.empty {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
position: relative;
|
||
|
|
.empty-text{
|
||
|
|
font-size: 30upx;
|
||
|
|
color: $uni-text-color-placeholder;
|
||
|
|
position: absolute;
|
||
|
|
top: 400upx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|