提交

src/components/HeaderNav.vue

@@ -44,6 +44,9 @@
 </template>
 
 <script>
+import whiteLogo from '@/assets/common/whiteLogo.png'
+import colorLogo from '@/assets/common/Logo.png'
+
 export default {
   name: 'HeaderNav',
   data() {
@@ -51,7 +54,9 @@ export default {
       isScrolled: false,
       currentRoute: '/',
       showDropdown: false,
-      logoUrl: 'src/assets/common/whiteLogo.png'
+      logoUrl: whiteLogo,
+      whiteLogo: whiteLogo,
+      colorLogo: colorLogo
     }
   },
 
@@ -89,9 +94,9 @@ export default {
 
       // 根据滚动状态切换logo
       if (this.isScrolled) {
-        this.logoUrl = 'src/assets/common/Logo.png'
+        this.logoUrl = this.colorLogo
       } else {
-        this.logoUrl = 'src/assets/common/whiteLogo.png'
+        this.logoUrl = this.whiteLogo
       }
     },
 

src/views/Case.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/case/bg_header.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 							name:'品牌介绍',
 							url:'/Product',
 							isSelect:false
@@ -171,6 +171,7 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/case/bg_header.png'
 
 export default {
   components: {
@@ -179,6 +180,7 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       constants: {},
     };
   },

src/views/Cooperation.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/cooperation/bg_header.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 									name:'设备购买模式',
 									url:'/cooperation',
 									isSelect:true
@@ -102,6 +102,7 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/cooperation/bg_header.png'
 
 export default {
   components: {
@@ -110,6 +111,7 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       constants: {},
     };
   },

src/views/Product.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/product/BC.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 							name:'品牌介绍',
 							url:'/Product',
 							isSelect:true
@@ -138,6 +138,7 @@
 </template>
 <script setup>
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/product/BC.png'
 </script>
 <style src="./common.css"/>
 <style scoped>

src/views/Serve.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/serve/bg_header.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 							name:'品牌介绍',
 							url:'/Product',
 							isSelect:false
@@ -182,6 +182,12 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import serveBg1 from '@/assets/serve/bg_1.png'
+import serveBg2 from '@/assets/serve/bg_2.png'
+import serveBg3 from '@/assets/serve/bg_3.png'
+import serveBg4 from '@/assets/serve/bg_4.png'
+import serveBg5 from '@/assets/serve/bg_5.png'
+import bgHeaderUrl from '@/assets/serve/bg_header.png'
 
 export default {
   components: {
@@ -190,20 +196,21 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       loopData0: [{
-        lanhuBg0: 'url(@/assets/serve/bg_1.png) 100% no-repeat',
+        lanhuBg0: `url(${serveBg1}) 100% no-repeat`,
       },
         {
-          lanhuBg0: 'url(@/assets/serve/bg_2.png) 100% no-repeat',
+          lanhuBg0: `url(${serveBg2}) 100% no-repeat`,
         },
         {
-          lanhuBg0: 'url(@/assets/serve/bg_3.png) 100% no-repeat',
+          lanhuBg0: `url(${serveBg3}) 100% no-repeat`,
         },
         {
-          lanhuBg0: 'url(@/assets/serve/bg_4.png) 100% no-repeat',
+          lanhuBg0: `url(${serveBg4}) 100% no-repeat`,
         },
         {
-          lanhuBg0: 'url(@/assets/serve/bg_5.png) 100% no-repeat',
+          lanhuBg0: `url(${serveBg5}) 100% no-repeat`,
         },
       ],
       constants: {},

src/views/agent.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/agent/bg_header.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 									name:'设备购买模式',
 									url:'/cooperation',
 									isSelect:false
@@ -137,6 +137,7 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/agent/bg_header.png'
 
 export default {
   components: {
@@ -145,6 +146,7 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       constants: {},
     };
   },

src/views/brand.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/brand/topBC.png'" :desc="'合作优势'"
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'"
                   :btn-group="[{
 							name:'品牌介绍',
 							url:'/brand',
@@ -207,6 +207,7 @@
 </template>
 <script setup>
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/brand/topBC.png'
 </script>
 <style src="./common.css"/>
 <style scoped>

src/views/certification.vue

@@ -3,7 +3,7 @@
     <!-- 使用HeaderNav组件替代重复的导航栏 -->
 
     <SecondHeader :title="'EVENT INFORMATION'"
-                  :bcUrl="'src/assets/certification/topBC.png'" :desc="'企业资质'"
+                  :bcUrl="bgHeaderUrl" :desc="'企业资质'"
                   :btnGroup="[{ name:'企业资质', url:'/certification', isSelect:true
 			}]"/>
 
@@ -30,19 +30,24 @@
 <script setup>
 import SecondHeader from '../components/second_header.vue';
 import {ref} from "vue";
+import bgHeaderUrl from '@/assets/certification/topBC.png'
+import img1 from '@/assets/certification/img1.png'
+import img2 from '@/assets/certification/img2.png'
+import img3 from '@/assets/certification/img3.png'
+import img4 from '@/assets/certification/img4.png'
 
 const imgList = ref([
   {
-    url: 'src/assets/certification/img1.png',
+    url: img1,
   },
   {
-    url: 'src/assets/certification/img2.png',
+    url: img2,
   },
   {
-    url: 'src/assets/certification/img3.png',
+    url: img3,
   },
   {
-    url: 'src/assets/certification/img4.png',
+    url: img4,
   },
 ])
 </script>

src/views/contact-us.vue

@@ -2,7 +2,7 @@
   <div class="page flex-col">
 
     <SecondHeader :title="'CONTACT US'"
-                  :bcUrl="'src/assets/contactUs/BC.png'" :desc="'联系我们'"
+                  :bcUrl="bgHeaderUrl" :desc="'联系我们'"
                   :btnGroup="[{ name:'联系我们', url:'/contact-us', isSelect:true
 			}]"/>
 
@@ -133,6 +133,7 @@
 import SecondHeader from '../components/second_header.vue'
 import {ref} from "vue";
 import {ElMessage} from 'element-plus'
+import bgHeaderUrl from '@/assets/contactUs/BC.png'
 
 const dialogVisible = ref(false)
 const loading = ref(false)

src/views/lease.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/lease/bg_header.png'" :desc="'合作优势'"
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'"
                   :btn-group="[{
 									name:'设备购买模式',
 									url:'/cooperation',
@@ -105,6 +105,7 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import bgHeaderUrl from '@/assets/lease/bg_header.png'
 
 export default {
   components: {
@@ -113,6 +114,7 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       constants: {},
     };
   },

src/views/operator.vue

 <template>
   <div class="page flex-col">
     <SecondHeader :title="'COOPERATION'"
-                  :bcUrl="'src/assets/operator/bg_header.png'" :desc="'合作优势'" :btn-group="[{
+                  :bcUrl="bgHeaderUrl" :desc="'合作优势'" :btn-group="[{
 									name:'设备购买模式',
 									url:'/cooperation',
 									isSelect:false
@@ -49,6 +49,11 @@
 <script>
 import HeroSection from '@/components/HeroSection.vue'
 import SecondHeader from '../components/second_header.vue';
+import operatorCard1 from '@/assets/operator/card_1.png'
+import operatorCard2 from '@/assets/operator/card_2.png'
+import operatorCard3 from '@/assets/operator/card_3.png'
+import operatorCard4 from '@/assets/operator/card_4.png'
+import bgHeaderUrl from '@/assets/operator/bg_header.png'
 
 export default {
   components: {
@@ -57,17 +62,18 @@ export default {
   },
   data() {
     return {
+      bgHeaderUrl: bgHeaderUrl,
       loopData0: [{
-        lanhuimage0: 'src/assets/operator/card_1.png',
+        lanhuimage0: operatorCard1,
       },
         {
-          lanhuimage0: 'src/assets/operator/card_2.png',
+          lanhuimage0: operatorCard2,
         },
         {
-          lanhuimage0: 'src/assets/operator/card_3.png',
+          lanhuimage0: operatorCard3,
         },
         {
-          lanhuimage0: 'src/assets/operator/card_4.png',
+          lanhuimage0: operatorCard4,
         },
       ],
       loopData1: [{