From 398e4a131943bce57dae0a5e400f0642618bea41 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 25 Oct 2022 14:57:59 +0800
Subject: [PATCH] fix

---
 src/assets/images/cn-white.png     | Bin 0 -> 1068 bytes
 src/assets/images/logo.png         | Bin 1032 -> 2001 bytes
 src/assets/images/logo1.png        | Bin 0 -> 1032 bytes
 src/assets/images/search-white.png | Bin 0 -> 527 bytes
 src/layouts/header/index.vue       |  46 ++++++++++++++++++-----------
 src/layouts/home/index.vue         |   7 ++++-
 src/layouts/navbar/index.vue       |  13 +++++++-
 7 files changed, 46 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/images/cn-white.png
 create mode 100644 src/assets/images/logo1.png
 create mode 100644 src/assets/images/search-white.png

diff --git a/src/assets/images/cn-white.png b/src/assets/images/cn-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dae5d53199eeb126d2c6f47d54726bc6e18a841
GIT binary patch
literal 1068
zcmV+{1k?M8P)<h;3K|Lk000e1NJLTq0012T000~a1^@s6ozJwY00001b5ch_0Itp)
z=>Px&=1D|BR7gv;mU*aEWfaAK%LXeHiUu2yNRXn8{;<+0B9suz1k0c@vL~TbWQAxp
zkwp<mqz#Zp!E<V~{>UC-gcfOoQBc_cY9*B>l#xXRYCG0#ANk((zH{FN+i-dJ-E+Qg
z?P0CGx2Um*I0!fw7zd07P6JK=4gr1zegM7#-U3!j`o8YI>X}--6cGb}(}7zO@Fd{i
znhXB~z5reZ7E9Vy2fiO@L<|IG0QUmN<l)^JUAsX30p0=bmh^sKFZTkCh#|oJzzu*e
zSO+`-%mglKhnUX;*a6Iuw5-*ceV|#tr-17K*YauLAxYaJVm)vk(6StTIP(*5r6fDv
z%Nmzt4Q~V<1Dr}nJ71Ec_45fpH*j=6qpe>11{f>pyYgHGdJgagFgVkBhorsLi<yN*
znf6X_o$42SPLj#iFlCg^{WZV_pi9!1<;@W>9B}H#7Ipg@s2nr159`C5?ZEYt-Yh|_
z!_~l%z(h%_ngC6%9$;kg`{yaAN|%=a3u<JwO47s<^gh6!AA#YL9Kk+|h!cU0z)|_5
z9h@b}x^%rwx<`OpYl!w6aEc^1lty}A2QCGc15+#VGy$7flQWXZk{oHnBEo64BNx^b
zdk-*Pk~>!e^jlykaFZm<q$5jC%mE%uskJ(972GcA@e0(eGK;U3^h!sFy`!BCjHx-l
zT+*`@sJ$?-g>2dU@8<NnIUkx*dA_NZrvewZY4)8s=>Rtx)T7Cl&y_U433PEb1W%m<
zVQv;%4eIEw0$v2BG<Bl29W?rWJ7rLhu_uAQQcJ%SawtJvhKB)@ZCj2#4~Hq4Dfd^;
z->tySIUar0J-}-wswYoHByR(61MWOsz!FJLgEd%zy4}squ5&yv0@#!Q=L2i<|H~w8
zj)*gWmAPqH6)Pg*wmkpesEUXOa%j8rTrJ6eOVAI2D{@YL0-TxO&ju{~mw;n|3bY|X
zU};LRC8$T1JJTrO17MP*9Yv%o+^w>SxEl@168vu8fWv_;1*rF_kDWE&E9tpbk=ip)
z8H?B7J&KkUpxu(XB4QZuX#rZ2=j#I0E%i?KayulcXFt$_ICo{S=Sf;vfWDgP^1R)g
zbJxebh`HVu0Dlyqj=D$E%!oL`v$PJ>6T@sAAgQ|m^(B`}`Ya-z$<^f}_v=ip*BPg|
zs;T?A3Fochz2rx4A~iJx@3ey@?QCMN**HBHHk0P(1e%s>j??RzX$So|Ip?s0a27oJ
z9&JdbPSFKu!&$&ubV|Jq9G4@}`>{8Nok>QM%ldUGY}U1xw6n4dZ9zT%suiW*9jDEU
myW2%NFNtMI90+r^-u)LC?Vi+XS6+Ak0000<MNUMnLSTYX%<F*w

literal 0
HcmV?d00001

diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
index 43475b0bea6590619352c6366c06fa4b8f913360..4435be6f51b343a60340cfa9f9865028c18dc0cc 100644
GIT binary patch
literal 2001
zcmeHHXEz%P01c(YY*5sul!&dgHnF#$604}at4)a!Ra8sN(t3CZN_a-hde&)Bt44(?
z)!K?!HIgEz=TE$Ez31F}&$%D(x#uR^SQ)c2@i74a09I2I1KUe?x}+iFl}kPUMH72z
zG>>hKp@6zE0TKW}>t$nMZ+IDA{K20F{?7)q{rIOYcQ%Z)wXy@y&|aaVzskS}WMXDv
zWn;g_!O3-<hnJ6EKu}0nL{#jixWp|<DX=s|MpjN<K~YKh_FZ)iEo~iLJ*c6PiK&^n
zg{76X4b0Zg9*%Hya&dL@c;MyZ>*pUB9P;on@=16EDl!@!8}}?eA@TW(6ijMbMrKyd
z>o>W1`2|JAC8cHM6}ZZ(f2wP0>+lUt&F}tgYk%L})BB-sU~p)7WOVEkaboiG)R*a*
zue0C2&o3@5udM!9Ti+mUZf)=E{@mL?I3!bk9UW6o&(43-g#S$j0O$-%4fO00y*q!M
zx^Ws`Bk*vT+V<*q$4{g%n$<Q)YX^WS$x@$<YY{E)u#5p1Kb0>BelUAo-90_96R3~s
z@BvPLdn#_V?INdDIXa?k#dA?x?disP_KB#5a_iBkw~}&4bYh}}%mt*Ot_o#J!W>vr
zu3EQfNTr;%?nlM1u(81$oh+$YxfGk(>CO%;;WzJ0co$)<EcU{!&1YQJn0L0!u2b?p
zHkZfT;RCq8ZsNJ-d68#_D8WjId;A=xo*8V7$4P6+ZZ{}DL9O|+5~bma`k}zAQ$urC
z>&V2}f`M@c=uPWKw$vGg9<Ab%E$E03&5|`*euFE+M(Pb{S3(^-^v?GPo<Xkj+@RVV
z_Huy(V8AAv6HL})!_BB`nypd4G3|8Qh1T<IY3vsbJEg1b@it_sBY?Mk&<Fm}L4{Al
z@r9RsPP_B-Rg83`#GNh-=`AMB`LxP*EG<b}+!8I)--CiaLltQaCJEX@+MV+^3x-^y
z@3FMH9Y0(RG{l{(wsoN9SjyDM;tF)Zkxs+~hLLklR~_sVB(36_cCOs+`i3Y@YP1aN
z++DNZ<GR17o(xh|LN_JeA0hht!20Qp2fB3(*0ti60{2|$&p}sl4GsIE%7WbKzc=P0
zYYp(UfdqSc&tSkTJZSag5&y6Yq&<HbJ-iQ*d88}V<;ZB5!)lc7(A>aNLlGaN|46%W
z(>6w{P^UaAs)FL&T<UwW)G7&@c;*k-XCF~JGQ7jj1_GV$NW*IMh~@4`=3z6C-!!3M
z%K=xvaI3^S55$EArYh+bB!Ene!i!TTjG9YvC<3A<AI#10(<i&ymB}pKhkOV7zR{_P
zV@McV48mD{JIsJr)NpDBs+43T%;%tT)!{(^bUiF5Y4XU+48M5noK|#$F1X)vH$sO=
z7_N<YdrwAh9J9A@;iWUo@gU8YLto4zb$wKWEfpAqwmCK)+DbqmK{qa7P9`5?ETYnq
zLu^!+$=U8?AVG6H#uJj~jCJ6A1?zm3DH9~v#EK{>oPo+Egz1lEDwfzO(0@sZ-lS15
zH<7UNx5^Ny5OV=btCWUa=S`JRLzM%!!<B}61J7cQnD3|N@e$YCxaZ>F^*bFLgZRzc
z)wgEHfuXt(i5miin?HibV;oFFGNxXR^)0Bsn7ONdAcsn4_K;_<Je>CCR#HVu4*rDV
zuauAK1}%rwacT0*<mdKPpLs{aINnnw=JP5^abf<65E5Hl;n%fmpX974j^TVhoq_(9
z1(V?U6SINuLa9a`gX?11EA>5N5zE2?>Uo)}>*8NuR>f0ZMMZ3e(aDxjmWhLz83lry
z(&Imn8om0?6}?I5LzSYD3%N;Bv-~!0&b6flUJfNu5qKUT82|c|R9yBlq!D@7{S%Rz
zS0|sK6pFF_PHvl*&$l>HNg$JwEr*tJBRzl^kx&}Gr->{uq|n0UO#(~}tqkg*?(zQt
Dd~o}V

literal 1032
zcmeAS@N?(olHy`uVBq!ia0vp^S|H593?x6vT4n+%#^NA%Cx&(BWL^T<3j=&YT!DfN
z4F4G#{xgLBXIKShr2S`@31&<JkurV%r5gT=cmEe{_%BlSU#R}SK*N8jp8pbU|HT{r
z3%C3iYWXkF0%D6b{}*lkFVg&9xcR?O+kc^^{}N6A1zZ1%H~klB{VxI}>;DTk{TFTr
zkz#HC#hU($w*41v`7hE4(klieTR|p>f=Qq`A}wHXAlU*I2a-U=U<6VL76h3LR0%W?
zXfn_cAOb1?lOUtu8i96!od>cMEDlkLPyp5ivJq|_P$k#_$m)R#Am$)QWDy7(W(CM$
zU`s_|wj*>w#KA6s3PKzJ*8-C|ar3|#U=($g1o;IsFfuVSv#_$Vv2$>8ar5x<35bY_
zNz2MBDXXe$YH4fh=o%TDn3|efTHD$=y1Bc1czXHx1_TC&goZ~($HXV5q-JDfW@Z(Z
zl~+|ax3+b3PnbGm=Il9h=Pz2aWZBwv>o#uQwR_LL1BZ?rJ$?GzrE53u+`V`I;iD%{
zpFVs3>ci(R-@bkS@#E*O-+%x8Yk19N3QR)vo-U3d5|VchzO)ZXlwf;s+v;XlR)7$%
z=O$OSz-eW|i&V197Ek&cF}e9n$^WZ+-~aCUS=4ub=K5WFF-5%h{mkwyRbu>_9%6Se
z`kma?7r7O`96pM~t-CF9^}{8Hjgy%4Lq&Q&Oxfm_%f-p@X40Q|-7YcJa$L&}cJKe~
zD=8#oqhvXyXU4OK53i~0*!6q%E$t3PE#Z>|#_q~IizmCW$FOKlTln<t<ryu(&#aER
zXE2MzKNMNCfqS9I|AjA_n*UE&Bz}wM==l<hp1=spfLRj3%<X?TT&<_{n09Ge*e>I6
ze!b9QAM5fUsfk7!|Kdez3pP9CGTf3l`Ym+FPD5|E{Y#uGC6-pSao<^~+hFLsaSF@w
zMca01cidhosM$X4>ypQEkJ$cCl4hLq+wrmS7NPDZEBGJjZk;Q0WY2<a<-%Uy)V6*X
zh&G8TSognY3)6+D%m@Lq-s>Hw^Vgkh_&BMJS8&-!2EBKeBU&m-yi!@#9a||Arm!sQ
n;<jHk1ykjsY-g-L^8dB`KDTqe9OdrwK$+On)z4*}Q$iB}nvClm

diff --git a/src/assets/images/logo1.png b/src/assets/images/logo1.png
new file mode 100644
index 0000000000000000000000000000000000000000..43475b0bea6590619352c6366c06fa4b8f913360
GIT binary patch
literal 1032
zcmeAS@N?(olHy`uVBq!ia0vp^S|H593?x6vT4n+%#^NA%Cx&(BWL^T<3j=&YT!DfN
z4F4G#{xgLBXIKShr2S`@31&<JkurV%r5gT=cmEe{_%BlSU#R}SK*N8jp8pbU|HT{r
z3%C3iYWXkF0%D6b{}*lkFVg&9xcR?O+kc^^{}N6A1zZ1%H~klB{VxI}>;DTk{TFTr
zkz#HC#hU($w*41v`7hE4(klieTR|p>f=Qq`A}wHXAlU*I2a-U=U<6VL76h3LR0%W?
zXfn_cAOb1?lOUtu8i96!od>cMEDlkLPyp5ivJq|_P$k#_$m)R#Am$)QWDy7(W(CM$
zU`s_|wj*>w#KA6s3PKzJ*8-C|ar3|#U=($g1o;IsFfuVSv#_$Vv2$>8ar5x<35bY_
zNz2MBDXXe$YH4fh=o%TDn3|efTHD$=y1Bc1czXHx1_TC&goZ~($HXV5q-JDfW@Z(Z
zl~+|ax3+b3PnbGm=Il9h=Pz2aWZBwv>o#uQwR_LL1BZ?rJ$?GzrE53u+`V`I;iD%{
zpFVs3>ci(R-@bkS@#E*O-+%x8Yk19N3QR)vo-U3d5|VchzO)ZXlwf;s+v;XlR)7$%
z=O$OSz-eW|i&V197Ek&cF}e9n$^WZ+-~aCUS=4ub=K5WFF-5%h{mkwyRbu>_9%6Se
z`kma?7r7O`96pM~t-CF9^}{8Hjgy%4Lq&Q&Oxfm_%f-p@X40Q|-7YcJa$L&}cJKe~
zD=8#oqhvXyXU4OK53i~0*!6q%E$t3PE#Z>|#_q~IizmCW$FOKlTln<t<ryu(&#aER
zXE2MzKNMNCfqS9I|AjA_n*UE&Bz}wM==l<hp1=spfLRj3%<X?TT&<_{n09Ge*e>I6
ze!b9QAM5fUsfk7!|Kdez3pP9CGTf3l`Ym+FPD5|E{Y#uGC6-pSao<^~+hFLsaSF@w
zMca01cidhosM$X4>ypQEkJ$cCl4hLq+wrmS7NPDZEBGJjZk;Q0WY2<a<-%Uy)V6*X
zh&G8TSognY3)6+D%m@Lq-s>Hw^Vgkh_&BMJS8&-!2EBKeBU&m-yi!@#9a||Arm!sQ
n;<jHk1ykjsY-g-L^8dB`KDTqe9OdrwK$+On)z4*}Q$iB}nvClm

literal 0
HcmV?d00001

diff --git a/src/assets/images/search-white.png b/src/assets/images/search-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..da03e6430a67152638ab518820a470eaac9be91c
GIT binary patch
literal 527
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc3?z4jzqJQajKx9jP7LeL$-D$|wg>oxxB}__
zLl6jbt@H#s-KHeSFPMRenT4I3Pe4dSR6$wA$k@TnGdLnLB`d$8zM-|Rf8vx`i&v~%
zyJ6$*{YOq+x^nB`%U7@8efaeC+mGLW|2>+2aSza(eV#6kArg|Q2U*1q8HlhPXzky<
zTYZP~g?E3?yLxH9ZI;||>Fw2r`{rL;#9_jF{`AjZ2Xh(sDVB#aPIz@^U24Uw7?lT_
z^L*siZMmuXK-)IGU~8nSgQaD}>dguPiQLx;J16kCZ+KVSa>Sx>YrL|`X}dKqm0KN}
zOCwCnK8W6onY3Zi?P$S$des%$G5)H1TzB<#9u7A14?THgQ!g*?)&rC0Tb9ID75b|F
wII-1jvZF0$$1<TmLO`zStmHovKYn2CJ|&Vn-Fo$EpidY)UHx3vIVCg!0F1OntN;K2

literal 0
HcmV?d00001

diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index af77fe3..e037f3a 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -1,30 +1,38 @@
 <template>
-  <div class="header">
+  <div :class="['header', { channel: isChannel }]">
     <a class="logo" @click="toIndex">
-      <img src="@/assets/images/logo.png" alt="">
-      深圳中能高重复自由电子激光
+      <img v-if="isChannel" src="@/assets/images/logo.png" alt="">
+      <template v-else>
+        <img src="@/assets/images/logo1.png" alt="">
+        深圳中能高重复自由电子激光
+      </template>
     </a>
     <navbar ref="nav"></navbar>
     <div class="tools">
-      <img class="search" src="@/assets/images/search.png" alt="">
-      <img src="@/assets/images/cn.png" alt="">
+      <img class="search" :src="require('@/assets/images/search' + (isChannel ? '-white' : '') + '.png')" alt="">
+      <img :src="require('@/assets/images/cn' + (isChannel ? '-white' : '') + '.png')" alt="">
     </div>
   </div>
 </template>
 <script>
-import { mapState, mapMutations, mapActions } from "vuex";
-import Setting from "@/setting";
-import util from "@/libs/util";
-import navbar from "../navbar";
+import { mapState, mapMutations, mapActions } from 'vuex'
+import Setting from '@/setting'
+import util from '@/libs/util'
+import navbar from '../navbar'
 export default {
   data() {
     return {
-      
+      isChannel: this.$route.path === '/channel'
     };
   },
   components: {
     navbar
   },
+  watch: {
+    '$route'() {
+      this.isChannel = this.$route.path === '/channel'
+    }
+  },
   mounted() {
     
   },
@@ -47,8 +55,10 @@ $height: 90px;
   width: 100%;
   min-width: $min-width;
   height: $height;
-  background-color: #fff;
-  box-shadow: 0px 2px 9px 0px rgba(221,221,221,0.18);
+  &:not(.channel) {
+    background-color: #fff;
+    box-shadow: 0px 2px 9px 0px rgba(221,221,221,0.18);
+  }
   .logo{
     position: absolute;
     top: 0;
@@ -75,12 +85,12 @@ $height: 90px;
 }
 @media (max-width: 1430px) {
   .header {
-      .logo {
-          left: 20px;
-      }
-      .inner {
-          padding-right: 20px;
-      }
+    .logo {
+      left: 20px;
+    }
+    .inner {
+      padding-right: 20px;
+    }
   }
 }
 </style>
diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index 2936233..d2ba603 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -19,13 +19,18 @@ import vFooter from "../footer";
 export default {
   data() {
     return {
-      isChannel: this.$route.query.path === '/channel'
+      isChannel: this.$route.path === '/channel'
     };
   },
   components: {
     vHead,
     vFooter
   },
+  watch: {
+    '$route'() {
+      this.isChannel = this.$route.path === '/channel'
+    }
+  },
   mounted() {
     
   },
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index 3fc4951..22c1962 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <ul class="nav">
+    <ul :class="['nav', { channel: isChannel }]">
       <li v-for="(item, i) in menus" :key="i" :class="{active: active == item.id}" @click="jump(item)">
         {{ item.columnName }}
       </li>
@@ -13,10 +13,16 @@ import Setting from '@/setting'
 export default {
   data() {
     return {
+      isChannel: this.$route.path === '/channel',
       active: this.$route.query.id,
       menus: []
     };
   },
+  watch: {
+    '$route'() {
+      this.isChannel = this.$route.path === '/channel'
+    }
+  },
   mounted() {
     this.getColumn()
   },
@@ -64,6 +70,11 @@ export default {
         color: $main-color;
     }
   }
+  &.channel {
+    & > li {
+      color: #fff;
+    }
+  }
 }
 @media (max-width: 1430px) {
     .nav {