mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-17 16:56:38 +08:00
adjust home page styles
This commit is contained in:
parent
f943669e18
commit
6c31a2bfa6
@ -1,14 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<h1>{{ title }}</h1>
|
<div class="home">
|
||||||
|
<div class="inner">
|
||||||
|
<h1>HI <br/> ChatGPT-PLUS</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref} from "vue"
|
|
||||||
import {useRouter} from "vue-router";
|
import {useRouter} from "vue-router";
|
||||||
import {checkSession} from "@/action/session";
|
import {checkSession} from "@/action/session";
|
||||||
import {isMobile} from "@/utils/libs";
|
import {isMobile} from "@/utils/libs";
|
||||||
|
|
||||||
const title = ref("HI, ChatGPT PLUS!");
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
checkSession().then(() => {
|
checkSession().then(() => {
|
||||||
if (isMobile()) {
|
if (isMobile()) {
|
||||||
@ -21,3 +23,29 @@ checkSession().then(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
.home {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #282c34;
|
||||||
|
height 100vh
|
||||||
|
|
||||||
|
.inner {
|
||||||
|
text-align center
|
||||||
|
display flex
|
||||||
|
justify-content center
|
||||||
|
max-width 400px
|
||||||
|
align-items center
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #202020;
|
||||||
|
font-size: 55px;
|
||||||
|
line-height 1.5
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user