|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="portal-home min-h-screen">
|
|
|
+ <div class="portal-home min-h-screen" :style="homeBackgroundStyle">
|
|
|
<div v-if="showDingTalkLoginMask" class="portal-login-mask">
|
|
|
<div class="portal-login-mask__content">
|
|
|
<div class="portal-login-mask__spinner"></div>
|
|
|
@@ -693,6 +693,7 @@ import wms from "@/assets/images/wms.png";
|
|
|
import banner2_white from "@/assets/images/banner2_white.png";
|
|
|
import banner1_white from "@/assets/images/banner1_white.png";
|
|
|
import banner3_white from "@/assets/images/banner3_white.png";
|
|
|
+import huabanBg from "@/assets/images/huaban.jpg";
|
|
|
|
|
|
type PortalApp = {
|
|
|
key: string;
|
|
|
@@ -983,6 +984,12 @@ const slides = computed(() => {
|
|
|
];
|
|
|
});
|
|
|
|
|
|
+const homeBackgroundStyle = computed(() =>
|
|
|
+ themeStore.theme === "light"
|
|
|
+ ? { backgroundImage: `url(${huabanBg})` }
|
|
|
+ : undefined,
|
|
|
+);
|
|
|
+
|
|
|
// 当前索引
|
|
|
const currentIndex = ref(0);
|
|
|
let slideTimer: ReturnType<typeof setInterval> | null = null;
|
|
|
@@ -1642,23 +1649,10 @@ onUnmounted(() => {
|
|
|
--portal-number-todo: #e15a5a;
|
|
|
--portal-number-done: #2da04d;
|
|
|
color: var(--portal-text);
|
|
|
- background:
|
|
|
- radial-gradient(
|
|
|
- circle at 18% 12%,
|
|
|
- rgba(83, 126, 255, 0.14),
|
|
|
- transparent 22%
|
|
|
- ),
|
|
|
- radial-gradient(
|
|
|
- circle at 82% 20%,
|
|
|
- rgba(71, 148, 255, 0.14),
|
|
|
- transparent 20%
|
|
|
- ),
|
|
|
- radial-gradient(
|
|
|
- circle at 50% 100%,
|
|
|
- rgba(97, 142, 247, 0.12),
|
|
|
- transparent 28%
|
|
|
- ),
|
|
|
- linear-gradient(180deg, #eef3f9 0%, #f7faff 46%, #eef3f9 100%);
|
|
|
+ background-color: #eef3f9;
|
|
|
+ background-position: center top;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
}
|
|
|
|
|
|
.portal-login-mask {
|
