Skip to content

W
wanyou_website
Commit dd927290 by yang
Options

提交

parent f4cbc0e5
Showing with 60 additions and 26 deletions
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: [{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment