github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改样式细节，修改utils

Browse Source
This commit is contained in:
MTrun
2021-12-14 16:41:43 +08:00
parent 7e5d5aa067
commit 0b326c4e76
12 changed files with 98 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/exception/403.vue
+24 -22
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex flex-col justify-center page-container">
<div class="go-error">
<div class="text-center">
<img src="~@/assets/images/exception/403.svg" alt="" />
</div>
@@ -11,30 +11,32 @@
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router';
const router = useRouter();
function goHome() {
router.push('/');
}
import { useRouter } from 'vue-router'
import { PageEnum } from '@/enums/pageEnum'
import { routerTurnByName } from '@/utils/page'
const router = useRouter()
function goHome() {
routerTurnByName(PageEnum.BASE_HOME_NAME)
}
</script>
<style lang="scss" scoped>
.page-container {
width: 100%;
border-radius: 4px;
padding: 50px 0;
height: 100vh;
.text-center {
h1 {
color: #666;
padding: 20px 0;
}
}
img {
width: 350px;
margin: 0 auto;
@include go(error) {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 100px 0;
.text-center {
h1 {
color: #666;
padding: 20px 0;
}
}
img {
width: 350px;
margin: 0 auto;
}
}
</style>
src/views/exception/404.vue
+2 -3
View File
@@ -13,11 +13,10 @@
<script lang="ts" setup>
import { useRouter } from 'vue-router'
import { PageEnum } from '@/enums/pageEnum'
import { routerTurnByName } from '@/utils/page'
const router = useRouter()
function goHome() {
router.push({
name: PageEnum.BASE_HOME_NAME
})
routerTurnByName(PageEnum.BASE_HOME_NAME)
}
</script>
src/views/exception/500.vue
+10 -8
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex flex-col justify-center page-container">
<div class="go-error">
<div class="text-center">
<img src="~@/assets/images/exception/500.svg" alt="" />
</div>
@@ -12,19 +12,21 @@
<script lang="ts" setup>
import { useRouter } from 'vue-router'
import { PageEnum } from '@/enums/pageEnum'
import { routerTurnByName } from '@/utils/page'
const router = useRouter()
const goHome = () => {
router.push('/')
function goHome() {
routerTurnByName(PageEnum.BASE_HOME_NAME)
}
</script>
<style lang="scss" scoped>
.page-container {
@include go(error) {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
border-radius: 4px;
padding: 50px 0;
height: 100vh;
padding: 100px 0;
.text-center {
h1 {
color: #666;