feat: 添加无Layout的空白页面示例

This commit is contained in:
xiaoxian521
2022-08-17 19:39:54 +08:00
parent 8314df9faf
commit e0c8781bcc
8 changed files with 397 additions and 413 deletions

35
src/views/empty/index.vue Normal file
View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
import back from "/@/assets/svg/back.svg?component";
defineOptions({
name: "Empty"
});
</script>
<template>
<div class="back" title="返回上一页" @click="$router.go(-1)">
<back class="w-80px h-80px" />
</div>
</template>
<style lang="scss" scoped>
.back {
width: 200px;
height: 200px;
cursor: pointer;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(138, 150, 160, 0.08);
&:hover {
background: rgba(138, 150, 160, 0.2);
transition: background 0.6s;
}
}
</style>