xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-13 12:43:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

opt: refactor the web page's router and layout

Browse Source
This commit is contained in:
RockYang
2023-09-08 22:14:58 +08:00
parent 8923779ab0
commit 81fe768f6a
5 changed files with 60 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
web/src/views/Home.vue
View File

@@ -1,50 +1,49 @@
<template>
<div class="home">
<div class="inner">
<h1>HI <br/> ChatGPT-PLUS</h1>
<div class="navigator"></div>
<div class="content">
<router-view v-slot="{ Component }">
<transition name="move" mode="out-in">
<component :is="Component"></component>
</transition>
</router-view>
</div>
</div>
</template>
<script setup>
import {useRouter} from "vue-router";
import {checkSession} from "@/action/session";
import {isMobile} from "@/utils/libs";
const router = useRouter();
checkSession().then(() => {
if (isMobile()) {
router.push("/mobile")
} else {
router.push("/chat")
}
}).catch(() => {
router.push("/login")
})
// const router = useRouter();
// checkSession().then(() => {
// if (isMobile()) {
// router.push("/mobile")
// } else {
// router.push("/chat")
// }
// }).catch(() => {
// router.push("/login")
// })
</script>
<style lang="stylus" scoped>
.home {
display: flex;
justify-content: center;
background-color: #282c34;
background-color: #343540;
height 100vh
width 100%
.inner {
text-align center
.navigator {
display flex
justify-content center
max-width 400px
align-items center
width 30px
padding 10px 6px
}
h1 {
color: #202020;
font-size: 55px;
line-height 1.5
font-weight: bold;
text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636;
}
.content {
width: 100%;
height: 100vh;
overflow-y: scroll;
box-sizing: border-box;
}
}