替换轮播图

src/views/index.vue

@@ -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 {

src/views/login.vue

@@ -23,7 +23,7 @@
         </h1>
 
         <!-- 用户名密码登陆 -->
-        <!-- <div>
+        <div>
           <el-form
             :model="form"
             :rules="rules"
@@ -64,7 +64,7 @@
               >
             </div>
           </div>
-        </div> -->
+        </div>
 
         <!-- 钉钉登陆 -->
         <div class="text-center">