修改

src/components/HeaderCom.vue

@@ -190,7 +190,7 @@ const onNavEnter = (event, item) => {
   if (item && item.children.length > 0) {
     const header = document.getElementById('header')
     const left = header.getBoundingClientRect().left
-    const nav = event.path[0]
+    const nav = event.toElement
     const navLeft = nav.getBoundingClientRect().left
     navChildren.value.style.display = 'flex'
     navChildren.value.style.left = `${navLeft - left - 40}px`

src/components/ResearchCom.vue

@@ -65,6 +65,7 @@ const toDetail = (id) => {
 </script>
 <style lang="scss" scoped>
 .research-module {
+  margin-top: 36px;
   cursor: pointer;
   .research-img {
     //width: 150px;

src/views/AboutView.vue

@@ -2,13 +2,13 @@
   <div class="about">
     <div class="container">
       <!-- 标题 title -->
-      <BigTitleComVue bigTitle="About" text-align="left" />
+      <BigTitleComVue bigTitle="About" text-align="right" />
       <div class="about-foresight">
         <!--        <LineTitleComVue :msg="'About Foresight'" />-->
         <div class="about-foresight-content" v-html="aboutDesc.content" />
       </div>
       <!-- 分类标题 sideTitle -->
-      <BigTitleComVue bigTitle="Team" text-align="left" />
+      <BigTitleComVue bigTitle="Team" text-align="right" />
       <!-- <div class="s_title">Team</div> -->
       <!-- 团队成员 team members -->
       <div class="members">
@@ -20,7 +20,7 @@
     <div class="touch">
       <div class="container">
         <div class="block"></div>
-        <BigTitleComVue bigTitle="Get in Touch" text-align="left" />
+        <BigTitleComVue bigTitle="Get in Touch" text-align="right" />
         <div class="touch-list">
           <div :key="item" v-for="item in Object.keys(get_in_touch)" class="touch-email">
             <div class="touch-email-title">
@@ -165,7 +165,9 @@ onMounted(() => {
     }
 
     .touch-list {
+      width: 100%;
       display: flex;
+      justify-content: flex-end;
       margin-bottom: 80px;
     }
 
@@ -265,6 +267,7 @@ onMounted(() => {
     .about-foresight-content {
       //padding-top: 24px;
       //padding-bottom: 60px;
+      text-align: right;
       font-family: 'Raleway';
       font-style: normal;
       font-weight: 400;