qa-prevention-xgf-app/components/empty/empty.vue

34 lines
623 B
Vue

<template>
<view class="empty">
<u--image :showLoading="true" src="/static/svg/empty.svg" width="750rpx" height="500rpx"></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: 30rpx;
color: $uni-text-color-placeholder;
position: absolute;
top: 400rpx;
}
}
</style>