<!--
 * @Author: PoJun
 * @Date: 2023-09-15 15:30:09
 * @LastEditors: PoJun
 * @LastEditTime: 2024-01-08 16:05:54
 * @Message: 未登录页面
-->
<template>
    <view class="no-auth">
        <uv-image :src="noAuthImg" height="300px" width="300px">
            <template v-slot:loading>
                <uv-loading-icon></uv-loading-icon>
            </template>
        </uv-image>

        <text class="uv-info uv-font-24">{{ title }}</text>

        <view class="uv-m-t-30">
            <slot></slot>
        </view>
    </view>
</template>

<script>
import noAuthImg from "@/static/noAuth.png";
export default {
    props: {
        title: {
            type: String,
            default: "",
        },
    },
    name: "NoAuth",
    data() {
        return { noAuthImg };
    },
    methods: {},
};
</script>

<style lang="scss" scoped>
.no-auth {
    height: calc(100vh - var(--status-bar-height) - 50px);
    /* #ifdef APP-PLUS */
    height: 100vh;
    /* #endif */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10vh;
}
</style>
