mahjong_group/components/com/index/NoEmpty.vue
2025-09-11 05:30:19 +08:00

53 lines
1.1 KiB
Vue

<template>
<view class="page">
<view class="image-container">
<image
class="empty-image"
src="@@:app/static/index/no.png"
mode="widthFix"
/>
</view>
<view class="text-container">
<text class="empty-text">
现在还没人预约~
<br />
休息一会吧
</text>
</view>
</view>
</template>
<script setup>
</script>
<style scoped lang="scss">
.page {
.image-container {
display: flex;
justify-content: center;
}
.empty-image {
width: 184rpx;
height: 184rpx;
}
.text-container {
display: flex;
justify-content: center;
margin-top: 30rpx;
}
.empty-text {
width: 210rpx;
height: 80rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #6F6F6F;
text-align: center;
font-style: normal;
text-transform: none;
}
}
</style>