feat: 首页优化

src/component/Header/Header.js

@@ -5,6 +5,7 @@ import Styles from './Header.module.css';
 import {useTranslation} from "react-i18next";
 import {HOME} from "../../uitls/Constants";
 import {Link} from "react-router-dom";
+import eventBus from "../../uitls/EventBus";
 
 // 顶部导航栏组件
 const Header = () => {
@@ -21,7 +22,7 @@ const Header = () => {
     };
     return (
         <header className={Styles.root}>
-            <Link to={HOME} className={Styles.link}>
+            <Link to={HOME} className={Styles.link} onClick={() => eventBus.emit('changeTabEvent', HOME)}>
                 <img className={Styles.logoImg} src={logo} alt="logo"/>
             </Link>
             <Navigation/>

src/pages/Home/Home.js

@@ -71,7 +71,7 @@ const Home = () => {
                             <source src={videoSource} type="video/mp4"/>
                             {t('videoNotSupport')}
                         </video>
-                        <div className={Styles.verticalFontContainer}>
+                        <div className={Styles.verticalFontContainer4}>
                             <p className={Styles.verticalBoldFont}>{t('homeTipTitle5')}</p>
                             <p className={Styles.verticalNormalFont2}>{t('homeTipContent5')}</p>
                         </div>
@@ -81,7 +81,7 @@ const Home = () => {
                 <p className={Styles.bigBoldFont2}>{t('homeTipBoldTitle2')}</p>
 
                 <div className={Styles.verticalFontMediaContainer}>
-                    <img className={Styles.verticalMedia3} src={img1}/>
+                    <img className={Styles.verticalMedia5} src={img1}/>
                     <div className={Styles.verticalFontContainer}>
                         <p className={Styles.verticalBoldFont}>{t('homeTipTitle6')}</p>
                         <p className={Styles.verticalNormalFont}>{t('homeTipContent6')}</p>

src/pages/Home/Home.module.css

@@ -122,6 +122,9 @@
 .verticalFontContainer3 {
     align-items: flex-end;
 }
+.verticalFontContainer4 {
+    align-items: flex-end;
+}
 
 .verticalBoldFont {
     font-size: 24px;
@@ -173,6 +176,11 @@
 }
 
 .verticalMedia3 {
+    width: 440px;
+    height: 500px;
+}
+
+.verticalMedia5 {
     width: 1280px;
     height: 500px;
 }