<template>
    <view class="notice">
        <view class="notice-logo">
            <image style="width: 220rpx;height: 220rpx;" src="@/static/notice.png" mode=""></image>
        </view>
        <view class="notice-txt">
            <view class="notice-title">场馆预约成功</view>
            <view class="notice-desc">可以点击下方查看预约单具体信息</view>
        </view>

        <view class="btn">
            <view class="btn1">查看订单</view>
            <view class="btn2">完成</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            };
        },

        onLoad(args) {
		    this.getData();
        }, 

        methods: {
            getData() {
               
            },
        }
    };
</script>

<style lang="scss">
	page {
		background-color: $xh-bg;
	}

    .notice {
        .notice-logo {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-top: 126rpx;
        }

        .notice-txt {
            margin-top: 76rpx;
            text-align: center;

            .notice-title {
                font-size: 36rpx;
                color: #303133;
                line-height: 50rpx;
            }

            .notice-desc {
                font-weight: 400;
                font-size: 28rpx;
                color: #9CA3AF;
                line-height: 40rpx;
                margin-top: 20rpx;
            }
        }

        .btn {
            margin-top: 78rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            
            .btn1 {
                width: 300rpx;
                height: 90rpx;
                text-align: center;
                line-height: 90rpx;
                background-color: #fff;
                font-weight: 500;
                font-size: 30rpx;
                color: #303133;
                border-radius: 24rpx;
                margin-right: 28rpx;
            }

            .btn2 {
                width: 300rpx;
                height: 90rpx;
                text-align: center;
                line-height: 90rpx;
                background-color: #365A9A;
                font-weight: 500;
                font-size: 30rpx;
                color: #FFFFFF;
                border-radius: 24rpx;
            }
        }
    }
</style>
