首页

src/components/Top.vue

@@ -5,8 +5,16 @@
     "
   >
     <img
-      class="logo"
-      :src="istop && isFirstSwiper ? Logo : isHard ? Logo2 : Logo1"
+      :class="newpage ? 'newlogo' : 'logo'"
+      :src="
+        newpage
+          ? NewLogo
+          : istop && isFirstSwiper
+          ? Logo
+          : isHard
+          ? Logo2
+          : Logo1
+      "
       alt=""
     />
     <img
@@ -43,6 +51,7 @@ import { ref, onMounted } from 'vue'
 import Close from '@/static/img/banner/x.png'
 import Logo from '@/static/img/banner/logo.png'
 import Logo2 from '@/static/img/banner/logo3.png'
+import NewLogo from '@/static/img/banner/newlogo.png'
 import Icon from '@/static/img/banner/liebiao.png'
 import Icon1 from '@/static/img/banner/liebiao2.png'
 import Logo1 from '@/static/img/banner/logo2.png'
@@ -54,6 +63,9 @@ const props = defineProps({
   isFirstSwiper: {
     type: Boolean,
   },
+  newpage: {
+    type: Boolean,
+  },
 })
 
 const openDrawer = () => {
@@ -101,7 +113,7 @@ const scrollToTop = () => {
 
 <style lang="scss" scoped>
 .top_container {
-  padding: 14px 18px;
+  padding: 14px 14px;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -115,6 +127,10 @@ const scrollToTop = () => {
     width: 85px;
     height: 17px;
   }
+  .newlogo {
+    width: 80px;
+    height: auto;
+  }
   .fold_icon {
     width: 18px;
     height: 12px;

src/pages/index.vue

@@ -9,12 +9,14 @@
       <div class="btn5" @click="toPage('/recruit')"></div>
       <div class="btn6" @click="toPage('/contact')"></div>
     </div>
+    <div class="top_wrap"><Top :newpage="true" /></div>
   </div>
 </template>
 
 <script setup>
 import HomeBackground from '@/static/img/newpage/home.png'
 import { useRouter } from 'vue-router'
+import Top from 'cpns/Top'
 
 const router = useRouter()
 
@@ -28,6 +30,15 @@ const toPage = path => {
   max-width: 100vw;
   overflow: hidden;
   padding-bottom: 12px;
+  .top_wrap {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 47px;
+    z-index: 200;
+  }
   .img_wrap {
     position: relative;
     .bg {