38 lines
633 B
Vue
38 lines
633 B
Vue
<script setup>
|
|
defineProps({
|
|
text: {
|
|
type: String,
|
|
default: "暂无金币获取记录。",
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<view class="empty-state">
|
|
<image
|
|
src="https://static.shelingxingqiu.com/shootmini/static/coin/empty-coin-record.png"
|
|
mode="aspectFit"
|
|
/>
|
|
<text>{{ text }}</text>
|
|
</view>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.empty-state {
|
|
width: 100%;
|
|
padding-top: 280rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #ffffff;
|
|
font-size: 26rpx;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.empty-state > image {
|
|
width: 162rpx;
|
|
height: 190rpx;
|
|
margin-bottom: 26rpx;
|
|
}
|
|
</style>
|