<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>