修改了导航栏和各个路由的背景图片及颜色样式

src/components/AboutUs.vue

@@ -110,7 +110,7 @@ export default {
   flex-direction: column;
   width: 100%;
   height: 7.5625rem;
-  background: url(/assets/img/aboutus-bj.png) no-repeat;
+  background: url(/assets/img/aboutus-bj.jpg) no-repeat;
   background-size: cover;
 }
 .about-us .box-top .overlay {

src/components/HeaderNav.vue

@@ -97,7 +97,7 @@ export default {
     },
     activateHomePage() {
       this.isFixed = false; // 重置为默认样式
-      this.logoSrc = '/assets/img/headicon21.png';
+      this.logoSrc = '/assets/img/footerlogo22.png';
       this.phoneIcon = '/assets/img/nav-phone1.png';
     }, 
 
@@ -110,7 +110,7 @@ export default {
       if (this.isHomePage) {
         const wasFixed = this.isFixed;
         this.isFixed = window.scrollY > 0;
-        
+        this.logoSrc = this.isFixed ? '/assets/img/headicon21.png' : '/assets/img/footerlogo22.png';
         // 新增图标切换逻辑
         this.phoneIcon = this.isFixed 
           ? '/assets/img/nav-phone2.png' 

src/components/HelpCenter.vue

@@ -13,7 +13,6 @@
           <span>
             <input type="text" id="txtInput" placeholder="输入问题关键字" v-model="searchQuery" class="inputValue">
             <button id="search" @click="search()">搜索</button>
-            <!-- <input id="search" name value="搜索" onclick="sendSearchRequest()"> -->
           </span>
         </div>
         <div class="boxContent">
@@ -383,7 +382,7 @@ export default {
   flex-direction: column;
   width: 100%;
   height: 7.5625rem;
-  background: url(/assets/img/helpcenter-bj.png) no-repeat;
+  background: url(/assets/img/helpcenter-bj.jpg) no-repeat;
   background-size: cover;
 }
 
@@ -400,7 +399,7 @@ export default {
 .help-center .box-top h4 {
   width: 6.25rem;
   font-size: .375rem;
-  color: #74491a;
+  color: #FFF;
   margin-bottom: .125rem;
 }
 
@@ -408,7 +407,7 @@ export default {
   width: 6.25rem;
   font-size: .2rem;
   letter-spacing: .0625rem;
-  color: #9a7148;
+  color: #FFF;
 }
 
 .help-center .box-bottom {

src/components/HomePage.vue

@@ -11,11 +11,6 @@
     <div class="box-top">
       <div class="headline">
         <h2>不止</h2>
-       
-        <!-- <div id="title-container" >
-          <h3 v-for="(title, index) in titles" :key="index" class="title" :style="{transform: `translateY(-${currentTitleIndex * 100}%)`}">{{ title }}</h3>
-        </div> -->
-
         <div id="title-container" >
           <h3 v-for="(title, index) in titles" :key="index" class="title" :style="titleContainerStyle">{{ title }}</h3>
         </div>
@@ -471,16 +466,19 @@ export default {
   line-height: .5rem;
 }
 .home-page .box-top .headline .button-box button:first-child {
-  background-color: #39C7C1;
-  /* color: #FFF; */
+  background-color: #ffdc9c;
 }
 .home-page .box-top .headline .button-box button:first-child a {
+  color: #4a2510;
+}
+.home-page .box-top .headline .button-box button:last-child {
+  background: linear-gradient(to right top, #13b0f6, #28d9fb);
+}
+.home-page .box-top .headline .button-box button:last-child a {
   color: #FFF;
 }
 
-.home-page .box-top .headline.button-box button:first-child:hover {
-  background-color: #00A99D;
-  color: #FFF;
+.home-page .box-top .headline .button-box button:first-child:hover {
   font-weight: 700;
   cursor: pointer;
 }

src/components/KeFu.vue

@@ -17,20 +17,6 @@
               <div class="ewm">
                 <img src="/assets/img/AIKF.png" alt="">
               </div>
-              <!-- <div class="ewm"> -->
-                <!-- <el-image
-                    :src="imageSrc"
-                    :zoom-rate="1.2"
-                    :max-scale="1"
-                    :min-scale="0.2"
-                    :preview-src-list="srcList"
-                    :initial-index="2"
-                    hide-on-click-modal="true"
-                    border="none"
-                    z-index="999999"
-                    fit="cover"
-                  /> -->
-              <!-- </div> -->
               <p>若已登录电脑端，<a href="https://work.weixin.qq.com/kfid/kfc599f9d40b65ac392" target="_blank">点击联系客服</a></p>
             </div>
           </div>
@@ -105,14 +91,14 @@ export default {
   justify-content: center;
   flex-direction: column;
   width: 100%;
-  /* height: 10rem; */
-  height: 11rem;
-  background: url(/assets/img/kefu-bj.png) no-repeat;
+  /* height: 11rem; */
+  height: 13rem;
+  background: url(/assets/img/kefu-bj.jpg) no-repeat;
   background-size: cover;
 }
 .ke-fu .box-top .title {
   position: absolute;
-  top: 1.75rem;
+  top: 2.75rem;
   left: 50%;
   display: flex;
   flex-direction: column;
@@ -120,6 +106,7 @@ export default {
   width: 12.5rem;
   height: 1.5rem;
   transform: translate(-50%, 0);
+  /* background-color: pink; */
 }
 .ke-fu .box-top .title h4 {
   /* position: absolute;
@@ -127,24 +114,25 @@ export default {
   left: 300px; */
   width: 100%;
   font-size: .375rem;
-  color: #74491a;
+  color: #FFF;
   margin-bottom: .125rem;
 }
 .ke-fu .box-top .title p {
   width: 100%;
   font-size: .2rem;
   letter-spacing: .0625rem;
-  color: #9a7148;
+  color: #FFF;
 }
 .ke-fu .box-top .content {
   position: absolute;
-  top: 3.5rem;
+  /* top: 3.5rem; */
+  top: 5.5rem;
   left: 50%;
   transform: translate(-50%, 0);
   overflow: hidden;
   width: 12.5rem;
   height: 6rem;
-  background-color: rgba(0, 0, 0, .1);
+  background-color: rgba(255, 255, 255, .5);
 }
 .ke-fu .box-top .content {
   display: flex;
@@ -184,7 +172,7 @@ export default {
   font-size: 0.22rem;
   font-weight: 700;
   padding-left: .1rem;
-  color: #f89c31;
+  color: #333;
 }
 .ke-fu .box-top .content .left .wxsm {
   display: flex;
@@ -258,7 +246,7 @@ export default {
   font-size: 0.22rem;
   font-weight: 700;
   padding-left: .1rem;
-  color: #f89c31;
+  color: #333;
 }
 .ke-fu .box-top .content .right .message {
   display: flex;

src/components/ProductsNews.vue

@@ -494,7 +494,7 @@ export default {
   display: block;
   width: 0;
   height: 0;
-  border-top: .375rem solid #fec14e;
+  border-top: .375rem solid #13b5f6;
   border-right: .375rem solid transparent;
 }
 .title h3 {

src/components/Report.vue

@@ -772,16 +772,17 @@ losephone2() {
   width: 100%;
   height: 100%;
   /* background-color: #fed289; */
-  background-color: #ffefd5;
+  background-color: #EFF3FF;
 }
 .report .box-bottom .report-box .reportMsg h3 {
   padding: .25rem .5rem;
   border-radius: .5rem;
   /* background-color: #fca43a; */
-  background-color: #FFDEAD;
+  background-color: #5987F8;
   font-size: 26px;
   font-weight: 700;
   cursor: pointer;
+  color: #FFF;
 }
 .report .box-bottom .report-box .reportMsg h3:hover {
   font-size: 20px;
@@ -793,12 +794,12 @@ losephone2() {
   justify-content: center;
   width: 100%;
   height: 100%;
-  background-color: #FFDEAD;
+  background-color: #5987F8;
 }
 .report .box-bottom .report-box .reportList h3 {
   padding: .25rem .5rem;
   border-radius: .5rem;
-  background-color: #ffefd5;
+  background-color: #EFF3FF;
   font-size: 26px;
   font-weight: 700;
   cursor: pointer;
@@ -818,7 +819,7 @@ losephone2() {
   height: 9.4rem;
   padding: .25rem .375rem;
   border-radius: .25rem;
-  background-color: #FFEFD5;
+  background-color: #5987F8;
   border-radius: .25rem;
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
   -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
@@ -930,7 +931,7 @@ losephone2() {
   width: 15rem;
   height: 9.4rem;
   padding: .25rem .375rem;
-  background-color: #FFEFD5;
+  background-color: #EFF3FF;
   border-radius: .25rem;
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
   -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
@@ -1043,7 +1044,7 @@ losephone2() {
   height: .75rem;
   border: none;
   border-radius: .05rem;
-  background-color: #fcbb53;
+  background-color: #5987F8;
   font-size: .25rem;
   color: #FFF;
   cursor: pointer;

src/components/ShouFei.vue

@@ -192,15 +192,17 @@ export default {
 }
 .shou-fei {
   position: relative;
-  background: url(/assets/img/shoufei-bj.png) no-repeat;
+  background: url(/assets/img/shoufei-bj.jpg) no-repeat;
   background-size: cover;
-  height: 15rem;
+  /* height: 15rem; */
+  height: 18rem;
   /* font-family: '楷体'; */
 }
 .shou-fei .box-top {
   position: absolute;
-  top: 1.75rem;
-  left: 50%;
+  /* top: 1.75rem; */
+  top: 3rem;
+  left: 35%;
   transform: translate(-50%, 0);
   width: 6.25rem;
   height: 1.25rem;
@@ -213,18 +215,18 @@ export default {
   font-size: .4rem;
   font-weight: 700;
   letter-spacing: .05rem;
-  color: #74491a;
+  color: #FFF;
   margin-bottom: .1875rem;
 }
 .shou-fei .box-top p {
   width: 6.25rem;
   font-size: .2rem;
   letter-spacing: .0625rem;
-  color: #9a7148;
+  color: #FFF;
 }
 .shou-fei .box-bottom {
   position: absolute;
-  top: 3.375rem;
+  top: 6.375rem;
   left: 50%;
   transform: translate(-50%, 0);
   display: flex;
@@ -258,11 +260,12 @@ export default {
 .box .top .bjys {
   width: 3.5rem;
   height: .625rem;
-  background: linear-gradient(to right, rgba(237,90,36,.2), rgba(243,143,30,.2));
-  color: #5e3603;
+  /* background: linear-gradient(to right, rgba(237,90,36,.2), rgba(243,143,30,.2)); */
+  background: #cce3f1;
+  color: #3c3a7e;
 }
 .box .top .bjys.active {
-  background: linear-gradient(to right, rgba(237,90,36,1), rgba(243,143,30,1));
+  background: linear-gradient(to right, #30e3cd, #bbffc5);
   color: #FFFFFF ;
 }
 
@@ -281,7 +284,7 @@ export default {
   letter-spacing: .025rem;
   text-align: center;
   margin: .1875rem auto;
-  color: #f77333;
+  color: #e91c23;
 }
 .box .top .price em {
   font-size: .45rem;
@@ -298,8 +301,8 @@ export default {
   padding: .125rem;
   border-radius: .075rem;
   font-size: .1875rem;
-  color: #5e3603;
-  background-color: #fff6e7;
+  color: #0071b7;
+  background-color: #f9f8fd;
   text-align: justify;
   /* vertical-align: center; */
 }
@@ -311,7 +314,7 @@ export default {
   height: 0;
   border-left:.125rem solid transparent;
   border-right: .125rem solid transparent;
-  border-bottom:.125rem solid #feedcc;
+  border-bottom:.125rem solid #f9f8fd;
 }
 .box .serve {
   margin: .0625rem .25rem;

src/components/ZhengShu.vue

@@ -112,7 +112,7 @@ export default {
   flex-direction: column;
   width: 100%;
   height: 7.5625rem;
-  background: url(/assets/img/zhengshu-bj.png) no-repeat;
+  background: url(/assets/img/zhengshu-bj.jpg) no-repeat;
   background-size: cover;
 }
 .zheng-shu .box-top .title {
@@ -127,14 +127,14 @@ export default {
 .zheng-shu .box-top h4 {
   width: 6.25rem;
   font-size: .375rem;
-  color: #74491a;
+  color: #FFF;
   margin-bottom: .125rem;
 }
 .zheng-shu .box-top p {
   width: 6.25rem;
   font-size: .2rem;
   letter-spacing: .0625rem;
-  color: #9a7148;
+  color: #FFF;
 }
 .zheng-shu .box-bottom {
   position: relative;