From dd6765c71f3cd2e002e7f03b818f5fff58777c3c Mon Sep 17 00:00:00 2001
From: jyt <1592211625@qq.com>
Date: Wed, 8 Jun 2022 11:32:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=8F=8A=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/icon/accountIconSel1.png | Bin 0 -> 788 bytes
 public/img/icon/accountIconSel2.png | Bin 0 -> 1308 bytes
 public/img/icon/accountIconSel3.png | Bin 0 -> 1468 bytes
 public/img/icon/accountIconSel4.png | Bin 0 -> 1116 bytes
 public/img/icon/msgIcon.png         | Bin 0 -> 1182 bytes
 public/img/icon/noticeIcon.png      | Bin 0 -> 1403 bytes
 src/page/index/logo.vue             |  38 ++++++++-
 src/page/index/sidebar/index.vue    |   2 +-
 src/page/index/top/index.vue        | 123 ++++++++++++++++++++++++----
 9 files changed, 144 insertions(+), 19 deletions(-)
 create mode 100644 public/img/icon/accountIconSel1.png
 create mode 100644 public/img/icon/accountIconSel2.png
 create mode 100644 public/img/icon/accountIconSel3.png
 create mode 100644 public/img/icon/accountIconSel4.png
 create mode 100644 public/img/icon/msgIcon.png
 create mode 100644 public/img/icon/noticeIcon.png

diff --git a/public/img/icon/accountIconSel1.png b/public/img/icon/accountIconSel1.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e21af57ce84e993a30506c686beda26f382062e
GIT binary patch
literal 788
zcmV+v1MB>WP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px%&PhZ;R7gwZmOW?`K@`XTZ}vE2KDa^)uT&I7jUNQTAX?a47=<9BAi~Vvok?R%
z6>^**AVvrzCc86;Xpu%t#LB|T!Wcv)entF1vAV)S4o_pq?LC>Wkwh;L&7L4mH|*~J
zH}B29_x{Apq?AenXa}$f03q7N0Nwx?Fvbj#lrjV05`X}}dm^$gM7Ee&0N4-)a@qo4
z5z$6w-ffI|92seWkn6g;nE3%Szq7zH5xvw}Z><JwUQ<f>1VEz&+7v!B#%zxQD5Xpq
zWAZ<1DWxWvc}Ju`rPL{AzU(+ov*&pe3!#4mlv1{b>AzDc8%n8eX3hyAj`+Smx*}j(
zTidFcnVD$-_lz<7st%M=)&lrKL=#%;W(#y(_ZTzp)LNgl`xQl)PN&zEN~J3Rx@@^r
z0xG4(nYp>HuCBJfzkhl~K-YB-m&@fF0J@DaJxc)ZGxHt*b;g*lkpPJ(tF=D&Zv%<w
zxz@UI;h#63(yB!G-vSSn%jGd4M3?XTz1eKGCZEsS!XG!r><#N~t}K$t<my~5_f09)
z#mqfIh!)@XZ!XzsDy1}&$*d`rN`0|d?EKKs(Ce_!dztx>)_N=iwgT9qwa(hTlyWl>
zbqXQQc%Jv^w}4Shj-`NqYaTuYu+5IAw?wqw4o9u^RMe4$skdHfikUxH1J%LIeMD4Z
zW;>P3Re;(WuL00O*=$zi^ZCxuwI!<nvy#>U3?!4u3yUmaI-RbsudlCY6AOicH9~iZ
zXe5zHq^wGzP|(bL)N!2s4Gj&Gl@41h7I}DhxH$i8*&Z~NN;L&R@Q{eEYOPO(cXN%I
zPXK6IuH#z-lv1vZ$Kwr^P8tM3V-N(l0F1`t@wtIJJ3D)knOlSq2V=3=i%Q=SQE_l^
z@Z&EL+Gfqn*F)nP<yEo};<)eoBUbcBgs$rzu&oS0B1#&7&yM4?dY*UN>V5|jB79UU
Sg51#n0000<MNUMnLSTXd)oO$Q

literal 0
HcmV?d00001

diff --git a/public/img/icon/accountIconSel2.png b/public/img/icon/accountIconSel2.png
new file mode 100644
index 0000000000000000000000000000000000000000..41f5b6975eba0e070bf20d551daf6625890b1933
GIT binary patch
literal 1308
zcmV+%1>^dOP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px()=5M`R7gvemTibsRT#(r&)s`x#me2Hc4yYYpiHA6D#{lUK`TmIm4p?EAkogf
zccxJk0;3P(LVd^#iP@RG=YV0-i!7C_nG&rCWkK2pAwex81#`wqd$DDA-I@Eu8Sa(q
zcxQH<FT<QU&+|La`$L$-M+k8b5iMutg#e}lND&b;^LYTj0XSq?)?lGfI6IL#YIebO
z-6wtDf0LOXpGZ;g|6u^HDW&vx>?anuVZ(;b(b3VJ%=}Csr7amGqJ5@mo(?Pn5p`86
zm3x`_IRMK6bm{v<v}fwnsq40H-+rl{dL7VloQIitkeTlyqB0R}>Fn&>(c9ZwX=Y_E
zmov-d@;U%HW=;b5#Wc<CVzGE4Dt8S~!+hWW2Ea{3v_FwZtj_22|4!1KwQE9%HUJ+3
zcox9l0Ol#BPKG+J0s}W54J`AL$z-Otx7Uw@ZQQu=w$ahi_KuE@GjVrvxtvihmkZ47
z5Yf+uVa)08@Bgdj?ogp^+XsS}9Z028&($j$7#L_78XDR}L|Of)AXX#H{Gnx8n+t`)
z#pvS#=;zG5gop;Dl&h`+bv9P3)vt8Sn0dBR>YsYcY}?+;%-wMo6VZ{yix<!D>FKFP
z|JUv%qLV>P=PISXuUROBI0E1?!!R7r^JEO{d1n4JIN#mc+WP9)*w`f^N;C7@!TAeH
zsgLSq9mlbK-}e9vDW#qwUDN<h12~^brDnusqYz>jfERTVOq(|C&TZSa4Tp+_5XS*L
z0H9wfm97Ws>@Af_XNf2|Wy+K;vTb`4Gr!YFKr66q`xrAn1mLhzYC%+~ZQDOG^Mge6
znUr#6oXdp}MF1{<m$ik10G1KaQYq#B1_DnLQ3rsNQpz8~JC5Tl@_qkckU*QIlyAk!
z+qS)gnZF>S4>V9Kc+|42S%pI3r^(iw<2ZNwzJC<J?L>4jNVY%Y<TIJfedFWfr*zNN
zK;3-1Ow+ujSS<cG8DKV>z2nN2E8jBnOaN8GFjjb;x37_GI-S0`QmI@fqEkAC=a_l=
zjR1uZdjPD^0K+iWdY<=QvxkO204KDCwUU^uOI_EURjpQQt%`_tN-5V&<dx8+M08LC
zYp-pVG*N|)<E-?3|C7MF)t=|=o(LF8nq3;W9>BZJ%A&3eRxxu8Vi?9M&+`T*0)}N_
z7{(gPWHK|x$H&h!EBvU!AYqp2vqU1XH=ob{(F_<CK7dXD$*{HQk@Q5P)>dcXJZ64H
zpP8mvC>D#~H3QnV?J#q{9(Pj8r8S`Ix(lk+>esq?ClZNS&1RqwA_Jf=NSgIh%6ubW
zq<MFmruj&*SUh%hJVlace=?cuZZr#R+g`)WwK5>0byCV5aX>wuN~MynO+AR;S4zE9
zlL;^Dp*lP~tV=|1XiW!jHk)nLa`}9ItPw0SfRDGewawqUb?fD8fci%|oxZ<Pspy!r
z12_O+b=+)h7PIJzK}5e>mNmDpukY7T=DH<H2r-+8^st?Iqf69<3m4Wh^A<gDiRidx
zS<9lZ>nsdk;kxdvdT26pPjGf4Ya#>K)!yEo4c!>^NYh1F2r&o18$`5-nT-hwyh=o0
zwzRaouCuYx-KM}$NN;o_BO~2Jv`{yCy#O<_PedgE=ZNT#@B90dQnBMH3jZI}r){?d
S&EgXP0000<MNUMnLSTZ|+k8_1

literal 0
HcmV?d00001

diff --git a/public/img/icon/accountIconSel3.png b/public/img/icon/accountIconSel3.png
new file mode 100644
index 0000000000000000000000000000000000000000..68204730276e97db832c065de4d93381cfe98276
GIT binary patch
literal 1468
zcmV;t1w;CYP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px)c1c7*R7gveR$XiqRTTctouMrh5vu%bz?k?OAqE7aMB`6V6(39#C8&u}Xklh{
zo2D%fjUc+LfZz*=rMq`7$j^fbqM#2ZN<<Q(qC|!G8wFxw1iA%Ltir-Ndyl!BnP%8-
zTe&ZrJ?A^;n|tne&$)yl*3O+ft$q9UEn?;lW*$#OyDZCElFerSF=6R++Ro?mF9LWL
zz<B_&v9U2bfByW^U}<SEhv#|sGxKZAJiP+*oo(BX1Grc!m9{c-W2N7+tkzsEx4&BM
z0ffv<p66wm*^2^*=zRdkn7Q59h)6Rt1F%BO4ghrk9*f0DDP@X?46c6-AaoqZ1ic#~
zeiA~oODXr5|E}xKW9BS?@uB}5fMrUl*F*n<08CY;hW@!qsrQB>Tm#^F0AD8(iP@P<
zCWr^LwziHb7K;y=9o5y<eY9c2hTgc}oNG@{&p`k)iD-@Q`^$zTbX~WZnKuLIRZ2}7
zN>qdS9LLE6m?(s3mQrpRZih3??hGiANQ}&6G8Zm~w4<YA<hgU_jA9{#m?@<^JRIR7
z0Gj}uR7y?09I^=OIL=A)y#N*~rA)O3il(Kd<*FbE9tcIzKt$Vo-(Ofs*wWH+ZK+hc
z)7UM`I@sOa{c9!0ahz=co&)d)5v6R~-rL>XeWtANR4O$(2m&Mf`(lzlLqt=hl&2zF
zdwcuXLZKj;`N;|bb0s{b)L)Ukt*vchp-}h{Ktl|>-?r^X$Z?!BfE6*aPlON)a=F|u
zku9B0*Yx!Cd<Edv(DrZmJ0kr37QpRFsmKn;ajqw#?aX|4jC6$|{0zWdM6`*S&7Jza
zN{LMSdKrL8*pWyi-stP=qe7w3thHVTV1y82xs-BsWvu6U6SUUmsx<-l)DZp#V2Tjp
zX(^>C&w%AP&QSn209dV*S{?^@p0`?SZSL9;rPR&U;yur6(ptY^gh;OIo@eHfLWo8w
z<-W>*&d$y&&YnGM&WDI-hVT2|#4)K<YDN$QhfTY)EbGdsvBxp4>pslP9{{*u2>)j0
z(f^0gvaIR3T+W<V|B46!ux;C8su6mgH%Dvzp*a#mc!Zg6B%-H$-+ybUk`mD>-}lXV
z_AkeARsnc{h>rTce^a%1*L4>%^A;k?8^Zm}d@m7YYieqic6D|2RS`|3<RXCf+S=MJ
z4Gj&H&*z)W2s5Gq@RCw$Wo2yGdtVKw&jCZYl9?kRm{IbvZQD)RY}SaWyuxd72*9+^
zWQfhADPIdB`hL=+NwYGUjIozjDwVn>2m;eb&Ag1J(n<=yU=K6Tj=)58ikYXyuShbP
z9H+Hb%sj7R7jIjZ<>qp^KO?*2I9C(V56nCvmh+36nwmNN^U(9W$!2;p^9BH80c=)E
zEv_t4GMT(iYh7+_LWqO$1`%Oh*WJv_%>azL+k_B%rIaVi)u>G9d7i7amPB;I_x&l=
zL@=Dqb=~94Jei1+zVFL8z8c|eT5EG&sIRXdwSN8j!f*s}e`{-N?Zt~1qmedCDOJwZ
zU)m}=T%fhy3gEO-s{afwhtzSLV*pGqZSsBJ<QkmNb=_B(c`1M|!zYH02c%M|TY?~X
z)I1AoYioCRb#)z&`_t*P$mjE)GxHq))+(h;t|52$gx30<5OK)1?bd8Idmv1-ikUlO
zueI|+h$T`=-{6zU<UOTQ$vmiLgrb@!rQ9_nVVKycEE>K{L~oiSW#+kI@M$8dW#%zu
z<q;WSjH{TH+Y^aIQznzSq(VbIgy)zm!pxNuU`Ks@eN(Ym92Eq?ZqubM*#XhdLWquB
zE@ztcfHf$gL7EQJ+uPgD%%+8zN3ZmKe_iyrHHs`2i))$r86xT<qK#VXjqyQT$@m`w
W6`ix}bqMhQ0000<MNUMnLSTYgEzWZQ

literal 0
HcmV?d00001

diff --git a/public/img/icon/accountIconSel4.png b/public/img/icon/accountIconSel4.png
new file mode 100644
index 0000000000000000000000000000000000000000..129c393773090a6c196861903a6f87a9bf06d24a
GIT binary patch
literal 1116
zcmV-i1f%<jP)<h;3K|Lk000e1NJLTq000~S0015c1^@s6KgE8Z00001b5ch_0Itp)
z=>Px(7D+@wR7gv;mR)FEMHI*XXTRER{3sSBQSm`(sRaCj_ECz#SZa(`G^Q_7i=CP5
zHJFGGYJ_FMP(d)!bT>2ON5mJ~6tvp3v`SQb(|}r}SX1=Dk8V&Zjhbzn&E6xky<0Zv
zcC)M7dAMBWo^yWpe9W0csB`uA_pi$3a-Tc3cs#yoXlUq6Jtn9gVJEAUy3hCh!|pv4
z3T@U}AF0Pi-9RD4{QxEcNQbrdU_*dPsjbZ1&CIV_YriZRRZ4aEzJH(+P${*MnV%t|
zy;|!JD*ebs9*&QXhbJc|UuNcK1BLz8+N~w!Y92}{-)H8cED^oZ*4FlXS65e|9J~ma
zNF=T(6bc8Jc~hWthKM?})}Pks;XTYe!OW`y`OhMeNM|OK`KP462q=Vj4?uSS`w76q
z#+ak!f4E!@rIfb=aGu^A=<TuAZo3F5gzy0D4n9o9<MH<4;o;Lu^H42^CE32dzSX&0
z?qdKOg1x7#wdtZG?%{dfx_mzW9e@~sKLOlnt^K)D(rW=aJt4$R0KNfm4S@M@IDFga
z=;#kcpp^1;X6~(})RzlsmGJMj*7j0RD8DiDRRE@}wHvFQt9pQer(e0y6477baQFsN
zN=e`Mb<jDU&|1G!4Jf6&mziCDT<NzPV?L=Suaw&E`~FxUBS{D`4&YHDI@jFXygHRi
zovmh|x3_o2{QUeOCliaswv3F7oU10EOeR;(%*>o-<`n?;k(6?pnb!h1Zmqqwn(}}B
zCWQDNz<MG&;efL)e?)Z17~}e6!<UruATw_PFzZ6<LJ}jQF=Nb*hSScUf-z>^?v958
z{sQ1eBAPJ9JaCzSu3dHj_|*YRWqZ^ZbH`-@e#^|R<xM%@TL5+tkxxV|TI=5%2~|p6
z$IMw~4gq+ZdU|>~3x&dm0c5AO_RU5Dg%D2yc*EHYhr<t&n^ETG=KcWC1Yo+QrKL5M
zN-Z=3noK4m*=+V0fOP=onwpxfE%s6&#4Z5O1>M6l#$*}+lu{;``TQ+Gw96RtLJ4>^
z5&g)_YXF>$L?U-*GMTCW15G3n8x|H8z5uY2h)yx{E!NuE3m33bs@wN{cLBR~G8&Dx
zr_*T{j=GoUd9C?;-u2iPryL4}wrQ>R6g@4sCWLqiz(BC~H-N{jwfpNK3Lzc>@GgKW
z1HD0O?TaNFi-64RZjaZ>?nW2;!^}Kjt^K+hSO{?!5e+i)<_pG&Mzq#X6A@PgmNu1A
zJAL1G$&QvmrUAGa^f(b^-99tBkgW&cda$d+(#nTIAx~>vJPzgSl7q06axF6t0(fL;
z=$8rcJ|Y@0#+;}mx9sE{Oks~Pb0>h-OTdm1(MJIGE}imf_OOy+&-2#g^ZDyb)dwIO
ijYdzV)9F*S7S_KCM&J#1Xa<e|0000<MNUMnLSTZ#<Qkg*

literal 0
HcmV?d00001

diff --git a/public/img/icon/msgIcon.png b/public/img/icon/msgIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..94d5c49f35d330b32fc3b9e3028b8656c498a379
GIT binary patch
literal 1182
zcmV;P1Y!G$P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px(SV=@dR9HvtSZ!!qRTzHWo20JQwlFq|OscNk7$Sc3rnzlq(%2Q}<|f;ZNk!%l
zD??-x6_F`w=_Z1pbm+hj5UD=~u7X1Cv=!InrfGB2+-RpVq&oGF8;aV^HZ~vkzLMO;
zWo?>!Q?egI&(ECqeV*q$?|V+pxr7yrR=4jCJ*{_x&;rJt3|^OkAtDWoGayU~M4#{6
z?i=pw>(k4jpmKs++I_pA>CXY|wvtD{k4)6x)Y$O$;NYNUF~>Zty?y)Ir1sAn41TD1
zG$lYtf%&>(^F&bWp#6#>&zP~9IwZO~n~+YOW}q<-MxZ~K@DUg%*Vxy58w!p5PDCtr
zb=C9VS~Ef0!$3Efn=j`ePDJ~nihQb+sFH#t$-5~9jDdMWwnu;z3+P{0SAAr3bacKH
zaBpv~Ff`)tA)Q~z_ZUD4L7=_SaNx7$a+ejfb?g1L3+dTuX1>`FLl?+~ozY48D>K^*
z=RKYs>*L9}A!bO%@076Fg|?{)|JOy!yBxSEc?X#JVFQDH795Uk(eW?Ol_Mq}EAHN1
zgWoQG%*^-Xoc^x1#^&_<{R@lniaI2^Johp1sg)I36`1KSTuP`6H02zBRgK7ptqGDm
z;k?BHa3~rH9=A$dDo$+kw16qX%r=1Lud!7(PEL;eS(vlLAyMkMn^`}dE7cE8jSX9@
zo*`C57q$WsUQ(6dQ4>Lzd&fq?BU4J?eJey(V_bJ_+ni1&&jJuY_$8(UZz?Uw<^7ex
z*JpMEHPo+Fhlb)-$*jh;xV#epw`bxVM4Jl_%qvRfbo*}A)7m%2#-cA&Mb7SuN)J);
zyvU3rSsp=nTnz`_%5z*HNOX1VW9TOhK}+jfDPhhwpHJ7du`HfI$75mnP*Finm*=1k
zyqS#yJsOS3?^Q}fAx^H3zBjf%2GvOLf#MEH-lNR?LN0KZ8VL?x4MCE$qb|jB7jxKw
zSS09MrevPi8F<<#nb4^!0mIe`51-FxzZBO}1}sg*BC=~$P@&1I4w<#wsza*|nK@uK
z|NrVC@xTEGPtV+Dx9L@BO@9K6ZsP!@gLWIm%vQUSc}*i5vlh(poVDAiC#?xdx_#3b
z5+%<GW<0nO;7aEZ=md!_?<|AsD-FIfJenm@@*W1`84y=l0bxdM?lzDDVaYQlkHJg=
zz}M#fKodlqEQ!yQ1mQK)r}SbFQSx43<^}@JMHRU@^Mo!&<di!0>#To}nG-;dMI-V%
zRu){oAeZ+;1{)VD!c#FNcx*9I=CwMXoS(?Q?W+X3B^;JB7kkrDwxCvbN2{LJLku_o
zFo@nIK{&SYhV?V&&&TT)l5_Vm^p_dfXlzz|qAJ0?rb==FWedvWwMd>P!RRj}$$p41
zME*C3=%;E&tvEhD{MS_#lmU0TI-X_dy$sY8BO^kH?Dn2$Xe@howmMeiP#)av?!0k9
wOFvJ{T@2a);y3}*Oc+on<$>iIzLdCs0Y|(jNG<$;NB{r;07*qoM6N<$g27QQDF6Tf

literal 0
HcmV?d00001

diff --git a/public/img/icon/noticeIcon.png b/public/img/icon/noticeIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d8746100fa5699816bb96e7908357b5f3ee3ac1
GIT binary patch
literal 1403
zcmV->1%&#EP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px)HAzH4R9HvFmu+lQWfaH%=iYY10wY5f{9qV@Bobdpdbf5P^!A3$$xIf7(4e4*
zh$MbM_@s$3%q5r@_y9%%W@4s@fj9?Bz~RfFv>WR!ZAmZ@BZ7zt3=u@uY&d%FF}H7&
zN_*Quwtjq`)BpM1^PKZM=Me7lrznagI;byY!V)l7GNA&XK>*(ggoB}gZ+|f^s2JmH
z+v+-ZwI0*k8F)0O4$*$g1nbIRclVV-e2oam<MD`R&-cFt(0XRJm^mWQAGXr*lHcET
z+1%F5B5Pl&n?Dm;Y!@@vq_&9Y1`~FG#ZRatb^*iUOop}+jF)fOV0T#cFEw*lRD`M=
z@+&%F3z#RQ9f3|*1uP2$e5bOV*`2O+U~EpUix$Cg{Mgas`Jf5{k`!eMhV&iG{7i<J
zPDC3q=aKc{wzivha>C3c)ws`sdAhMrMC-z;@BI-2DT*>KI;g+Izy=0SNedC31Jm+I
z@TlMH2<%SRZZMvU1A#sb2YoAw0;;W59v)_`0gQS8PcdU+rT`J`v|#)iRqeWN24n0?
zPFEW<UQGh+3kQ9R3IcM}*WVwD4sXg##M?kX7m0+|L#p@7LO@bBxqzhRW*aX3vzLh<
z7l^in0={<>&;VSnri#ITqX7nHWIH1RMBw&PvHZQ>-u(l`z~qZiRh{yf9@BnI>J69K
z#Hn7d_gWlCa=QG?n3qw;k@!t3h=-nTl>M!(t$MK_W)U)O_<=$FVk$QU(5g_-_c2x1
zDho7C>q-i+09p|W`gV>KAp3v$a!7KxwlVNpvH}l>RbM?xPS-wWJR27hXlo?kTXU~q
z%#vDiD)X4NRHf>rqOF4LPWcxw&x-SiWDoWEPK*{%OG}Gz;LzdA%$S^rhv*^6Dc?-J
zNB3FF%SMv8`98p`>?Mc1m%$5@*TRQncepquSSmhX>+9<n8m$N=j#OUD%v<6<3E?pZ
zs&Xoeb=EqPiT&G{1KAz&e1N+Xr$X1p9H_chuG2K`O+*MoV-Hj#FVb}GOazF29dn@D
zk{akX%6^EM#~FaOlCsG?JqQ0D)hctizF@$UxQB#I#>My(m}e&<Cc46^w`a6~vM)wa
zv?wGw<j)zL=yi!YBdTxlXaQB#D2lFYM^Y75W)mvNQRl9W#q?uo2mu@EiP>-GYD<fS
z&HK1!G;biZM^yjHc>7^@%6q`PB<+kSN{n6z{FTi*p|g<jB^PKeAdkmWa^`%0KN#il
z{1L<_Ljms(aUi32zCNgb3$UCmOhhpTz9B()Gu-F>`CdgRvq2+J|BTA14|a5PXz8gV
zG5lRx2XISvADwt+U`!StOtgtDUavP=D467Mf5gyNB{V4AQ#Um=mHv4(x{DcZfkdM<
z-jnomyR@`=wG}5%+X-3|>-=JNTT8$h2$p5xz!9|&D6`l8e<zYp)R?QPYu(MP^X5#j
z_%Sjz%&eTc!3c9cjm$9!gwG<Xe|bLpf(At+#|DP<7G{3K$iG{H)F+f!UkLSdpS_cl
z#>U3+SFYVScWb7jcOpSw>s<q-1gh&~S<`qY7?r6tA`A!+)*e@nwr4tuSJChNUjtZ>
zTDMZk998W;dC!0hA*rEZ60Q$#OJAl*bt3dYpzQ+DX+4JNAbl+}=BB}c1L2^**(~o0
zI<h;7R5{$wGk80LCl%o2JZz#A_Im#+z}Czp_r5f@VH)2Y-U@KeFDIhlI7{im-rnyo
z6yj;b5y}*I%vGwin7)R=bBHkuL{|ZvA_#2{O{>^vR*9Kf{{dN}yFMQ|+?@ab002ov
JPDHLkV1hZim2Ln4

literal 0
HcmV?d00001

diff --git a/src/page/index/logo.vue b/src/page/index/logo.vue
index d18fcb5..0f78319 100644
--- a/src/page/index/logo.vue
+++ b/src/page/index/logo.vue
@@ -1,13 +1,19 @@
 <template>
-  <div class="avue-logo">
+  <div class="avue-logo" style="background-color: #001529;">
     <transition name="fade">
       <span v-if="keyCollapse" key="0" class="avue-logo_subtitle" @click="goIndex">
-        {{website.subtitle}}
+        <div class="logo">
+          <i class="logoIcon" style="width:44px;"></i>
+          <!-- <span>{{ website.subtitle }}</span> -->
+        </div>
       </span>
     </transition>
     <transition-group name="fade">
       <span v-if="!keyCollapse" key="1" class="avue-logo_title" @click="goIndex">
-        {{ website.title }}
+        <div class="logo">
+          <i class="logoIcon"></i>
+          <span>{{ website.title }}</span>
+        </div>
       </span>
     </transition-group>
   </div>
@@ -34,6 +40,30 @@ export default {
 </script>
 
 <style lang="scss">
+.logo{
+  display: flex;
+  align-items: center;
+  justify-content: center;    
+  padding-top: 20px;
+  span{
+    width: 99px;
+    height: 28px;
+    font-size: 20px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFFFFF;
+    line-height: 28px;
+    margin-left: 12px;
+  }
+  .logoIcon{
+  display: block;
+  width: 58px;
+  height: 44px;
+  background: url('../../../public/logoPng.png') no-repeat;
+  background-size: 100%;
+}
+}
+
 .fade-leave-active {
   transition: opacity 0.2s;
 }
@@ -51,7 +81,7 @@ export default {
   width: 240px;
   height: 64px;
   line-height: 64px;
-  background-color: #20222a;
+  // background-color: #20222a;
   font-size: 20px;
   overflow: hidden;
   box-sizing: border-box;
diff --git a/src/page/index/sidebar/index.vue b/src/page/index/sidebar/index.vue
index 63c1e67..96de175 100644
--- a/src/page/index/sidebar/index.vue
+++ b/src/page/index/sidebar/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="avue-sidebar">
+  <div class="avue-sidebar" style="background-color: #001529;">
     <logo/>
     <el-scrollbar style="height:100%">
       <div
diff --git a/src/page/index/top/index.vue b/src/page/index/top/index.vue
index 9bc61bf..3423bfe 100644
--- a/src/page/index/top/index.vue
+++ b/src/page/index/top/index.vue
@@ -35,7 +35,7 @@
           }}
         </div>
         
-          <el-button @click="goChange" class="avue-header" style="margin-left: 10px;color: #fff;padding: 10px;">切换后台</el-button>
+          <el-button @click="goChange" class="avue-header" style="margin-left: 10px;color: #2671E2;border:1px solid #2671E2;padding: 10px;">切换后台</el-button>
       </div>
       <div
         v-if="companyName"
@@ -53,9 +53,9 @@
           <img class="daili2img" src="/img/qh1.png" alt="" />
         </div> -->
         <div class="daili">
-          {{ companyName }}
+          {{ companyName }}1
         </div>
-          <el-button @click="goBack" class="avue-header" style="margin-left: 10px;color: #fff;padding: 10px;">切换项目</el-button>
+          <el-button @click="goBack" class="avue-header" style="margin-left: 10px;color: #2671E2;border:1px solid #2671E2;padding: 10px;">切换项目</el-button>
       </div>
     </div>
     <div class="top-bar__right">
@@ -89,8 +89,12 @@
           <top-lock />
         </div>
       </el-tooltip>
+      <div class="notice">
+        <i class="noticeIcon"></i>
+        <span>通知(0)</span>
+      </div>
     <!--  暂时注释下一版本开发上线 -->
-      <!-- <el-popover placement="bottom" trigger="hover" width="350">
+      <el-popover placement="bottom" trigger="hover" width="350">
         <el-table :data="gridData" @row-click="msgTap">
           <el-table-column
             width="324"
@@ -105,8 +109,11 @@
           </template>
           </el-table-column>
         </el-table>
-        <i slot="reference" class="el-icon-bell" style="font-size: 18px;color: #fff;"></i>
-      </el-popover> -->
+        <div class="msg" slot="reference">
+          <i class="msgIcon"></i>
+          <span>消息(0)</span>
+        </div>
+      </el-popover>
 
       <el-tooltip
         v-if="showTheme"
@@ -139,22 +146,41 @@
       >
       </el-tooltip>
       <el-dropdown style="cursor: pointer">
-        <span class="el-dropdown-link">
+        <span class="el-dropdown-link" style="display:flex;align-items: center;">
+          <el-avatar :size="30" :src="circleUrl" style="margin-right:5px"></el-avatar>
           {{ userInfo.username }}
           <i class="el-icon-arrow-down el-icon--right" />
         </span>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item divided>
-            <router-link to="/">首页</router-link>
-          </el-dropdown-item>
-          <el-dropdown-item divided>
-            <router-link to="/info/index">个人信息</router-link>
+            <router-link to="/">
+             <span class="accountIcon">
+               <i class="accountIcon1"></i>
+               首页
+             </span> 
+            </router-link>
           </el-dropdown-item>
           <el-dropdown-item divided @click.native="$refs.seting.open()"
-            >界面设置
+            >
+            <span class="accountIcon">
+               <i class="accountIcon2"></i>
+               帮助中心
+             </span> 
+          </el-dropdown-item>
+          <el-dropdown-item divided>
+            <router-link to="/info/index">
+              <span class="accountIcon">
+               <i class="accountIcon3"></i>
+               账号设置
+             </span> 
+            </router-link>
           </el-dropdown-item>
           <el-dropdown-item divided @click.native="logout"
-            >退出系统
+            >
+            <span class="accountIcon">
+               <i class="accountIcon4"></i>
+               退出系统
+             </span>
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
@@ -185,6 +211,7 @@ export default {
   filters: {},
   data() {
     return {
+      circleUrl:"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
       options: [],
       value: "",
       companyName: localStorage.getItem("topName"),
@@ -492,8 +519,76 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.accountIcon{
+  display: flex;
+  align-items: center;
+  .accountIcon1{
+    display: block;
+    background: url('../../../../public/img/icon/accountIconSel1.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+    margin-right: 8px;
+  }
+  .accountIcon2{
+    display: block;
+    background: url('../../../../public/img/icon/accountIconSel2.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+    margin-right: 8px;
+  }
+  .accountIcon3{
+    display: block;
+    background: url('../../../../public/img/icon/accountIconSel3.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+    margin-right: 8px;
+  }
+  .accountIcon4{
+    display: block;
+    background: url('../../../../public/img/icon/accountIconSel4.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+    margin-right: 8px;
+  }
+}
+.notice{
+  display: flex;
+  align-items: center;
+  margin-right: 20px;
+  cursor: pointer;
+  .noticeIcon{
+    display: block;
+    background: url('../../../../public/img/icon/noticeIcon.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+  }
+  span{
+    font-size: 15px;color: #32363D;font-weight: 400;margin-left: 5px;
+  }
+}
+.msg{
+  display: flex;
+  align-items: center;
+  margin-right: 20px;
+  cursor: pointer;
+  .msgIcon{
+    display: block;
+    background: url('../../../../public/img/icon/msgIcon.png') no-repeat;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+  }
+  span{
+    font-size: 15px;color: #32363D;font-weight: 400;margin-left: 5px;
+  }
+}
 .daili {
-  color: #ffffff;
+  color: #32363D;
   font-size: 15px;
   margin-left: 4px;
 }