<template>
    <div class="error-page">
        <div class="img" :style="`background-image: url(${svg403});`"/>
        <div class="content">
            <h1>403</h1>
            <div class="desc">抱歉，你无权访问该页面</div>
            <div class="actions">
                <el-button type="primary" block @click="goToHome">返回首页</el-button>
            </div>
        </div>
    </div>
</template>

<script setup>
import router from '~src/router/index';
import svg403 from '~src/assets/view/403.svg';

const goToHome = () => {
    router.push({path: '/'});
}
</script>

<style lang="scss" scoped>
@import "~src/styles/error/style.scss";
</style>
