解决部分报错

This commit is contained in:
lqins
2025-02-14 16:56:36 +08:00
parent dd675c9a9b
commit 5768c7959e
2 changed files with 44 additions and 18 deletions

View File

@@ -4,7 +4,7 @@
<div> <div>
<span>{{ copyRight }}</span> <span>{{ copyRight }}</span>
</div> </div>
<div v-if="!license.de_copy"> <div v-if="!license?.de_copy">
<a :href="gitURL" target="_blank"> <a :href="gitURL" target="_blank">
{{ title }} - {{ title }} -
{{ version }} {{ version }}
@@ -30,15 +30,19 @@ const license = ref({});
const props = defineProps({ const props = defineProps({
textColor: { textColor: {
type: String, type: String,
default: "#ffffff", default: "#ffffff"
}, }
}); });
// 获取系统配置 // 获取系统配置
getSystemInfo() getSystemInfo()
.then((res) => { .then((res) => {
title.value = res.data.title ?? process.env.VUE_APP_TITLE; title.value = res.data.title ?? process.env.VUE_APP_TITLE;
copyRight.value = (res.data.copyright ? res.data.copyright : "极客学长") + " © 2023 - " + new Date().getFullYear() + " All rights reserved"; copyRight.value =
(res.data.copyright ? res.data.copyright : "极客学长") +
" © 2023 - " +
new Date().getFullYear() +
" All rights reserved";
icp.value = res.data.icp; icp.value = res.data.icp;
}) })
.catch((e) => { .catch((e) => {

View File

@@ -8,18 +8,26 @@
<img :src="logo" class="logo" alt="Geek-AI" /> <img :src="logo" class="logo" alt="Geek-AI" />
</div> </div>
<div class="menu-item"> <div class="menu-item">
<span v-if="!license.de_copy"> <span v-if="!license?.de_copy">
<el-tooltip class="box-item" content="部署文档" placement="bottom"> <el-tooltip class="box-item" content="部署文档" placement="bottom">
<a :href="docsURL" class="link-button mr-3" target="_blank"> <a :href="docsURL" class="link-button mr-3" target="_blank">
<i class="iconfont icon-book"></i> <i class="iconfont icon-book"></i>
</a> </a>
</el-tooltip> </el-tooltip>
<el-tooltip class="box-item" content="Github 源码" placement="bottom"> <el-tooltip
class="box-item"
content="Github 源码"
placement="bottom"
>
<a :href="githubURL" class="link-button mr-3" target="_blank"> <a :href="githubURL" class="link-button mr-3" target="_blank">
<i class="iconfont icon-github"></i> <i class="iconfont icon-github"></i>
</a> </a>
</el-tooltip> </el-tooltip>
<el-tooltip class="box-item" content="Gitee 源码" placement="bottom"> <el-tooltip
class="box-item"
content="Gitee 源码"
placement="bottom"
>
<a :href="giteeURL" class="link-button" target="_blank"> <a :href="giteeURL" class="link-button" target="_blank">
<i class="iconfont icon-gitee"></i> <i class="iconfont icon-gitee"></i>
</a> </a>
@@ -27,7 +35,12 @@
</span> </span>
<span v-if="!isLogin"> <span v-if="!isLogin">
<el-button @click="router.push('/login')" class="btn-go animate__animated animate__pulse animate__infinite" round>登录/注册</el-button> <el-button
@click="router.push('/login')"
class="btn-go animate__animated animate__pulse animate__infinite"
round
>登录/注册</el-button
>
</span> </span>
</div> </div>
</el-menu> </el-menu>
@@ -38,14 +51,23 @@
{{ title }} {{ title }}
</h1> </h1>
<div class="msg-text cursor-ani"> <div class="msg-text cursor-ani">
<span v-for="(char, index) in displayedChars" :key="index" :style="{ color: rainbowColor(index) }"> <span
v-for="(char, index) in displayedChars"
:key="index"
:style="{ color: rainbowColor(index) }"
>
{{ char }} {{ char }}
</span> </span>
</div> </div>
<div class="navs animate__animated animate__backInDown"> <div class="navs animate__animated animate__backInDown">
<el-space wrap :size="14"> <el-space wrap :size="14">
<div v-for="item in navs" :key="item.url" class="nav-item-box" @click="router.push(item.url)"> <div
v-for="item in navs"
:key="item.url"
class="nav-item-box"
@click="router.push(item.url)"
>
<i :class="'iconfont ' + iconMap[item.url]"></i> <i :class="'iconfont ' + iconMap[item.url]"></i>
<div>{{ item.name }}</div> <div>{{ item.name }}</div>
</div> </div>
@@ -58,14 +80,14 @@
</template> </template>
<script setup> <script setup>
import {onMounted, ref} from "vue"; import { onMounted, ref } from "vue";
import {useRouter} from "vue-router"; import { useRouter } from "vue-router";
import FooterBar from "@/components/FooterBar.vue"; import FooterBar from "@/components/FooterBar.vue";
import ThemeChange from "@/components/ThemeChange.vue"; import ThemeChange from "@/components/ThemeChange.vue";
import {httpGet} from "@/utils/http"; import { httpGet } from "@/utils/http";
import {ElMessage} from "element-plus"; import { ElMessage } from "element-plus";
import {checkSession, getLicenseInfo, getSystemInfo} from "@/store/cache"; import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
import {isMobile} from "@/utils/libs"; import { isMobile } from "@/utils/libs";
const router = useRouter(); const router = useRouter();
@@ -95,7 +117,7 @@ const iconMap = ref({
"/apps": "icon-app", "/apps": "icon-app",
"/member": "icon-vip-user", "/member": "icon-vip-user",
"/invite": "icon-share", "/invite": "icon-share",
"/luma": "icon-luma", "/luma": "icon-luma"
}); });
const displayedChars = ref([]); const displayedChars = ref([]);
@@ -163,7 +185,7 @@ const setContent = () => {
const rainbowColor = (index) => { const rainbowColor = (index) => {
const hue = (index * 40) % 360; // 每个字符间隔40度形成彩虹色 const hue = (index * 40) % 360; // 每个字符间隔40度形成彩虹色
return `hsl(${hue}, 90%, 50%)`; // 色调(hue),饱和度(70%),亮度(50%) return `hsl(${hue}, 90%, 50%)`; // 色调(hue),饱和度(70%),亮度(50%)
} };
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>