feat: update

.dumi/pages/index.tsx

@@ -6,12 +6,24 @@ const Home: any = () => {
     document.title = '悟空IM';
     const ref = useRef<HTMLDivElement>(null);
     const [color] = usePrefersColor();
+
+    // mount
+    React.useEffect(() => {
+        const element = document.getElementById('root')
+        element?.setAttribute('home', 'true')
+        return () => {
+            const element = document.getElementById('root')
+            element?.removeAttribute('home')
+        };
+    }, []);
+
+
     return (
         <section className="home-page">
             <div className="banner">
-              
-                <div className={`content ${color}`} style={{backgroundImage:'url(./././imgs/ic_bg.png)'}}>
-               
+
+                <div className={`content ${color}`} style={{ backgroundImage: 'url(./././imgs/ic_bg.png)' }}>
+
                     <label className="center-title">悟空IM</label>
                     <label className="center-small-text">让信息传递更简单</label>
                     <div className={`btn-view ${color}`}>
@@ -67,7 +79,6 @@ const Home: any = () => {
                     </div>
                 </div>
             </div>
-
         </section>
     );
 };

.dumi/pages/style.scss

@@ -1,10 +1,49 @@
+[home="true"] {
+  .dumi-default-doc-layout>main {
+    padding: 0px;
+    max-width: 100% !important;
+  }
+
+  .dumi-default-header {
+    background-color: transparent !important;
+  }
+
+  .dumi-default-navbar li a {
+    color: white !important;
+  }
+
+  .dumi-default-logo {
+    color: white;
+  }
+
+  .dumi-default-search-bar input {
+    background-color: white !important;
+    border: 1px solid #d9d9d9 !important;
+  }
+
+  .dumi-default-search-shortcut {
+    border: 1px solid #d9d9d9 !important;
+  }
+
+  .dumi-default-search-bar input::placeholder {
+    color: #bbb;
+  }
+}
+
+
+
 .home-page {
   font-size: 14px;
+  margin-top: -76px;
+  color: white;
 
   .banner {
-    max-width: calc(100% - 80px);
     margin-right: auto;
     margin-left: auto;
+    // position: absolute;
+    // top: 0px;
+    // right: 0px;
+    // width: 100%;
 
     a {
       text-decoration: none;
@@ -20,6 +59,7 @@
       margin-top: 10%;
       display: block;
       align-content: center;
+      color: white;
     }
 
     .center-small-text {
@@ -51,15 +91,9 @@
         font-weight: 400;
         line-height: 20px;
         margin-left: 30%;
-        color: #000;
+        color: white;
         margin-right: 30%;
       }
-
-      &.dark {
-        .content-text {
-          color: #8590a0;
-        }
-      }
     }
   }
 
@@ -81,13 +115,13 @@
       border: 1px solid #df5d2a;
     }
 
-    &.dark {
-      .btn {
-        color: #9f4522 !important;
-        background: #141414;
-        border: 1px solid #9f4522;
-      }
-    }
+    // &.dark {
+    //   .btn {
+    //     color: #9f4522 !important;
+    //     background: #141414;
+    //     border: 1px solid #9f4522;
+    //   }
+    // }
   }
 
   .card {