mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-11-15 14:03:36 +08:00
feat: 添加无Layout的空白页面示例
This commit is contained in:
35
src/views/empty/index.vue
Normal file
35
src/views/empty/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user