1、修改登录界面主题

2、修改整体界面主题

src/views/secondDev/Login.vue

@@ -2,6 +2,7 @@
     <div class="t-container">
        <!--  <StarBackground3 /> -->
         <LoginCarousel />
+        <img :src="contentImgSrc" class="content-img">
         <div :class="prefixCls" class="login-box relative w-full h-full" v-if="!isSingleLogin">
             <div class="center-box">
                 <div class="login-left-title">
@@ -39,9 +40,9 @@
     // import StarBackground3 from './StarBackground3.vue';
     // import Earth3D from './Earth3D.vue';
     import LoginCarousel from './LoginCarousel.vue';
+    import contentImg from '/@/assets/images/content.png';
 
-
-
+    let contentImgSrc = ref(contentImg);
     const { currentRoute } = useRouter();
     const userStore = useUserStore();
     const isSingleLogin = ref(false);
@@ -140,6 +141,13 @@
         width: 180px;
     }
 
+    .content-img {
+        position: absolute;
+        left: 60px; 
+        top:60px;
+        width: 280px;   
+    }
+
     .center-box {
         //background-color: #fff;
         border: 1px solid #eaeaea;
@@ -165,7 +173,7 @@
     .login-left-title .sub-title {
         font-size: 36px;
         font-weight: bold;
-        color: #5e95ff;
+        color: rgba(0,0,0,0.55);
         text-align: center;
     }
 

src/views/secondDev/LoginForm.vue

@@ -416,6 +416,16 @@
     .sub-button {
         height: 48px;
         font-size: 20px;
+        background: linear-gradient(135deg, rgba(255,165,0,0.8), rgba(255,110,0,0.8)) !important;
+        border: 1px solid rgba(255,110,0,0.2) !important;
+        /* 磨砂效果 */
+        backdrop-filter: blur(4px);
+        -webkit-backdrop-filter: blur(4px);
+        transition: 0.3s;
+
+        &:hover{
+            background: linear-gradient(135deg, rgba(255,165,0,0.9), rgba(255,80,0,0.9)) !important;
+        }
     }
 
     .ant-form label {