From 33fc9c78c02c098fa4dc2c72da06a9558f19be6d Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Sat, 16 Oct 2021 20:02:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B6=88=E6=81=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=81=E4=B8=BB=E9=A1=B5=E8=AE=BF=E5=AE=A2=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   2 +
 .../{gray-close.png => gray-close - 副本.png} | Bin
 .../img/icon/components/gray-close-full2.png  | Bin 0 -> 9503 bytes
 src/assets/img/icon/message/call-gray.png     | Bin 0 -> 1317 bytes
 src/assets/img/icon/message/call-message.webp | Bin 0 -> 1546 bytes
 src/assets/img/icon/message/comment-gray.png  | Bin 0 -> 3786 bytes
 .../img/icon/message/comment-message.webp     | Bin 0 -> 1408 bytes
 src/assets/img/icon/message/display1.webp     | Bin 0 -> 2252 bytes
 src/assets/img/icon/message/display2.webp     | Bin 0 -> 1576 bytes
 src/assets/img/icon/message/done-gray.png     | Bin 0 -> 4353 bytes
 src/assets/img/icon/message/like-gray.png     | Bin 0 -> 7292 bytes
 src/assets/img/icon/message/love-message.webp | Bin 0 -> 1264 bytes
 src/assets/img/icon/message/peoples-black.png | Bin 0 -> 6020 bytes
 .../img/icon/message/peoples-black2.png       | Bin 0 -> 8119 bytes
 src/assets/img/icon/message/remove.png        | Bin 0 -> 6379 bytes
 src/assets/less/color.less                    |   7 +-
 src/components/Mask.vue                       |  12 +-
 src/components/Scroll.vue                     |  68 +++-
 src/pages/message/AllMessage.vue              | 381 ++++++++++++++++++
 src/pages/message/Message.vue                 |   5 +-
 src/pages/message/Visitors.vue                | 286 +++++++++++++
 src/pages/people/components/People.vue        |  22 +-
 src/pages/people/components/Peoples.vue       |   6 +
 src/router/index.js                           |   4 +
 24 files changed, 780 insertions(+), 13 deletions(-)
 rename src/assets/img/icon/components/{gray-close.png => gray-close - 副本.png} (100%)
 create mode 100644 src/assets/img/icon/components/gray-close-full2.png
 create mode 100644 src/assets/img/icon/message/call-gray.png
 create mode 100644 src/assets/img/icon/message/call-message.webp
 create mode 100644 src/assets/img/icon/message/comment-gray.png
 create mode 100644 src/assets/img/icon/message/comment-message.webp
 create mode 100644 src/assets/img/icon/message/display1.webp
 create mode 100644 src/assets/img/icon/message/display2.webp
 create mode 100644 src/assets/img/icon/message/done-gray.png
 create mode 100644 src/assets/img/icon/message/like-gray.png
 create mode 100644 src/assets/img/icon/message/love-message.webp
 create mode 100644 src/assets/img/icon/message/peoples-black.png
 create mode 100644 src/assets/img/icon/message/peoples-black2.png
 create mode 100644 src/assets/img/icon/message/remove.png
 create mode 100644 src/pages/message/AllMessage.vue
 create mode 100644 src/pages/message/Visitors.vue

diff --git a/src/App.vue b/src/App.vue
index e3be247..4764dbe 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -55,6 +55,8 @@ export default {
         '/message/share-to-friend',
         '/message/joined-group-chat',
         '/message/fans',
+        '/message/all',
+        '/message/visitors',
 
         '/country-choose',
         '/edit-userinfo',
diff --git a/src/assets/img/icon/components/gray-close.png b/src/assets/img/icon/components/gray-close - 副本.png
similarity index 100%
rename from src/assets/img/icon/components/gray-close.png
rename to src/assets/img/icon/components/gray-close - 副本.png
diff --git a/src/assets/img/icon/components/gray-close-full2.png b/src/assets/img/icon/components/gray-close-full2.png
new file mode 100644
index 0000000000000000000000000000000000000000..af9b5f130056b86937b653875ae1613ffea6d8f4
GIT binary patch
literal 9503
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
XW+?qCY`A~=6DA`)b5xy<$F=_lDN4;J

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/call-gray.png b/src/assets/img/icon/message/call-gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..381c806c1340e07829b93389277452716922e893
GIT binary patch
literal 1317
zcmV+=1={+FP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(-$_J4R9HvFSAB?7RTTf7H?!kXeq<yHDkP=bmjy0H8HyTdky=Z+ilq78ZeM@6
z%z27p5RDM2Z1e7Or4>KsjfxetWmcLM_)*aMM@bQEw9$tcS!SVY3cAg_6L)8Zot=3z
zvqKABc>mmY?m54E&hLC&!ZluWjqRf<0FINKNrbr~GLHyjfxb_#vm!W4gwOP67?Be#
zEl*t>%;g3Jz;$;o5|OolJTMrg08Ween{B(fy^?%c0PXE>jJ|sH>T3Y3tfIdG`q20N
zgG9y;k%)1|_j@h@BPXQO|4t+dEfA4~08PotAMWWny(kuorAh%Q31G{X-Sz3THiU6R
zI3q$kfbb6H<-b?Dl~Ufb0Q6U{WkqC(Z8yCgbS@A;Jnl_244lp!psr9z8e3Yd?<yHC
z{I8U!jV{jaKgetyEtDw&5Q}ZUZq%rn&$H-{Gh1`2HJmT6RPtp&VtTK$b9lI;qcNTT
zzX*U*-cA6`0RFe}oFS#WR{^XSkyhJoT3Zr;Qr=tuM*z9x`!Z|w>gKP@-QIDwjVG!d
z!)$(2$xBLk+N(1Q`7po(N_p=CSOnljW@}?9rAj5@06hlamaNPLA{-MT8^F_m%m&gM
zn4dY`?}fx80DT1DXMpON%?o`D>laAgpbH8h=b5c>LB?G-Q71w=M7khd0dPtLJpd*H
zxDg;tTrU&z^qhPETA$;1`-#v1_zld>2MPe}dK@s`1L#v`bAAv2rMx`=Rs>~60pk$_
zpr4TBGMiigz-tAt2A~+TxuFn%<0Ky@lEc}&o^IPsUj?LHCxH7i`^6qmYUgYqbW8-D
zwr%xQ)%*~A0?0f7&oNs&iUB0H5z+HR^lmh2J{cUM<YE!Y7Mx-L@%Wx8hLP?D@DsCj
zYoQ1J(9MMi3!_o%U@-vi3nI)Y1u&0n=K#7X$OD@<Cq_gfq?^<wW@|)M0F?6n0We&o
zX0mNB|FLw2cseET2?Eg8wr^xQ-K$Ca8?!Z`st_oZ=*~15n#63LDg)pofN4Zn9*tW2
z^5xpvygSlqbOG4UY&}sW2@`J-(NaK6=BC|c0Q?DHj0ml_ZF5t;oa<&dB7&D}+j?aH
z0N3^Ai{NA3ZkbJ8j0UW{6bk&Wg_TOI1Spv~NC%kBhI}RcsY(sZ=D<3j<C9ADo-+*m
z6^&Zs3ju80*gm?pw)O;oIwER}M$L`@_Z|Xpb9VoNNX_&dUvjqx=n%8HAa}N^QmmBs
z0)W0LCm%#Sp1jX6unUko0dx@Iga{k}heIK(@qL;tBCi9Y2a{RMP5L4kKNYyBVl#4G
zZ;1%DWaq()nPCODW%YD0TaDRp{0dMX)B9I(kt@@Vsf*dXD~N2ayYp_5&{7dJ7zT~?
zeg7yC9bvY%<>Zyx^(c|COa#kxYu7!*w#_#S^%Viwv}yaOVZ&;4F6&r+$!y&l1Y)T6
z0!K2(Nlqn_Z?i^@hr?lO)v6W043*IVK`Etl>(;%KQmK?~K6TX&rPTl}JC?V$?!7)7
zPPOI6aw0mf;|<6=K&VTP<(Ds~dLt3P9x$c>bUT2l01Yq2pNbp^CSBDJlasx@GH2bo
zCfz^Eu0g$wavB^bF^`BI62XkTr`Z*Nx&hH`wwuWKJ{n#5K_$b1bzrcEhElF74-BQ@
boUZ=>c49a`*G$jI00000NkvXXu0mjf<YQFR

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/call-message.webp b/src/assets/img/icon/message/call-message.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f9a01b093cbef6f36a5184b9342a390cdce97f50
GIT binary patch
literal 1546
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/comment-gray.png b/src/assets/img/icon/message/comment-gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..583740051fafbf9cd887333cbb3ebcab626f75f8
GIT binary patch
literal 3786
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/comment-message.webp b/src/assets/img/icon/message/comment-message.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7f03307f30ec85d26798292632edbb86e4b807f8
GIT binary patch
literal 1408
zcmV-`1%LWdNk&F^1pok7MM6+kP&il$0000G0000x0027x06|PpNQwdg00FR;ZQJmu
z(JLVm;-ql^3fd~@pkS#2Z~zV#2Z@3X3dktfu7X_WkN5q)NunSkCSct8@bTsQ&o_9x
z{P_EH7|(n7e6bn9<>mMsr%Mnb+n3YhP8USe-l*$`#~d%xv>l>|@5cwc{6CvDWf>%X
z{c*3uSJISd$8y1!`y74}vNI_qWbXBNhvQpzCJM6IitF)R$E#(^oMiu$ay`7~rxvn1
zB1BQr>tWy5Y`06uW`g*#>(4eqNh?`4&6)eO<M;;Iy+|qu+3w%t)_1ZFNm(Y8DYS6j
z_-G@o?j5B<zpdVaAoYld%;&`kMG58pQwnvOE>H-0bmlmZF^&+K^T^(DJB;zt>N!Ij
z{vP9Eu9BXCEYIU$jv~)k8y!wfb9u^Gqz|91OFc(QrB6R1$g^hq+l4H87NqI*&AL2o
zl=KTN)FWyu+ojyG9c{H$no>klZEYq^$#!MKoOid7to9e7w>|B7Y(%-fraV(NbN+4)
z=?Ow1{P?8uycH4p{4wZh<^<hN2YL1l9md7p9@Zpt=P^DfwLp(qmZq064)!LG42h_Y
zV~h(zN<D%o>+=|6oXBQD_o*o;I!)t3iA3e@SthPyd9rg-cW6OG>ceWB_fbvl2$cxY
zx3PKrpH>L6Y(=&cuE(wMX$plRS|r;|#qIa8_e;ojX=52G8+{qO53hEoBvi6p=6}XJ
z4_8zRS!QlZmg#zY&p2L#k`{%gvisL@y#M%$m}I+z(9}PNan~<VvKeB5NMFaj|F{++
zQRb*A{{3s*|M-2H%igSS=i_+j$7>WMO07Dd#=}qNTe6+y?RGwmr#!x#Z?_Os-Om3x
zjORU^KL7W8y;axOZ-0F_j5`BXP&gpS0ssI|5CEM4Dm(x@06uXjk4L1Up&>iqkPZoK
z0I?-OegVs2wGdNA9+&usjT&a}BlsS09$+7(KdT*JJiva+bs6*k{}ujMtOL+n^}E%F
z{^zl0_J91Ik-3DwKn5{CsJb%cZ55{6m;ChpWpn;DQIk~b`BGd_%?T;j9H-~5{ZULu
z_Fi#T1}6ud-#`HV;V1v|!T<TLfB(*BcK7;-A4CO@)ZNbSut~GQ8z&YWyhmd7a!Iv#
zOw7<a&H?=@0Ep#xEFCOtl=D|W0nt>^nt^%06F=?x>qtZ9nj@L{Hn`c<sKP;$1tKV|
zyurJ>377Tiz~6>+SJ*<0>P$y7(3)@kRm%c5{M7?15>sqPucI<-)J$)tQ0i5i`1u}B
zCfGuYS@`U5q^O##1<m$v)D8PFHd_P3O$nd+ipJi3(FAUs4zO$VM-M#q-?l&~kT#xK
zq#Myjfl%IlwMCC)3JtGsp6r#^55vlDa~0D=Ly+gzXG0abUEo~>1?iC-{H;Yf|M322
zIL*w{pd}PdE4p%fnsw}A;WYkJcw00=g3gE)8?A+y@b<qsJ2G-7%*CoJ2iaX1y<X(N
zd~C;NaHygRbFR<MheiFa^zhGEXpA}*!|tb<*YqkdL?v2_nAwhrKQ#FyyQE)Uz`(|e
zRzGI;0iUA)_h&PEm#~ywN_~4T()9IVo3U@>OV;ayp{$z#=>?t;{t3Tx|E55_5~myb
z$+~eJV>(J43p#7J54;=>^B5KK1kbhjh|vz!DXU^``lcZE#v$=&f?`<YwLB#q^je;N
z_)tF}6*@Goc5h->*x9Xs)uhiMT_{$xjUtO^qlIbQR)mNty}DkN@YoIBqA_Nyt=oGT
zSLmWuiWQKxf6|z8jqGcXcJZRq3ZDAXXf57?|4U>4%JG^Kt(tcb$DT&G`R;zPGdqTM
O);oMl5|ZV<0000^OU7&f

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/display1.webp b/src/assets/img/icon/message/display1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4f4e836f4849a722eaf7f33c25b30de10946954e
GIT binary patch
literal 2252
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
a&Q0g{y>sF`Tq2%&p_>+!T$r0+0002}ja)ha

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/display2.webp b/src/assets/img/icon/message/display2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1fc837a32cf0822d9c913bc9d9d9121138606202
GIT binary patch
literal 1576
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
adh41@a8JJ$3L?IBBk88z%`|eb0001|1@!{}

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/done-gray.png b/src/assets/img/icon/message/done-gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7654c1e8f21c8ffd66adc475a63a2228ac30558
GIT binary patch
literal 4353
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/like-gray.png b/src/assets/img/icon/message/like-gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..a78123fca7da5ccae7da7320dd3e267d048a6100
GIT binary patch
literal 7292
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
NGDcmYSkC<2{{dwker*5%

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/love-message.webp b/src/assets/img/icon/message/love-message.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3295ca397cd34fcf58f63850f0b99800e1f02f52
GIT binary patch
literal 1264
zcmV<M1P}XCNk&HK1ONb6MM6+kP&il$0000G0000x0027x06|PpNR<Kr00FR8+uHE9
z(F;Kk#H3=7AZUxA4uWwJI1Ca769y83ItU^om<|G+{o{SV&$19i!~~2xA3i^Q|M>=Q
zmmhzh4&!kT&lj5!T%L}Pak>N{vVA#y-06a7+8cHK^fAYaG;N0{;`{Lfp8lWBnz9TM
zzy7$_;VWrMv}3v8<vxd>gzQX837LC6-r@L`or!{Mw&Hqx*YRqZGAG$TrCbm1`Kg8M
zjtEhd^m^F$HQVhHvY8-WcKz8#C}}0jra5z8b{yXzyBA3XA=~|X-1<(|A!$ZJnL-Qa
zjn6jHimYo|N2$<ntG6IXNvLU=77>}xixY|xvbUPHrxfZmU7!%M&pYPKaUNqFAu{K~
zciawRJhghv(1yRqxR|T-7-V@K2XhpC*jyVOPEB)p$XKLL&(@_LBc;-p9}(nHv;FNt
z7Cj2m^!jF99yUt)g%;{DvR%q!SDI2pQ$0XbHq3e4P=wz0)FU9GTwhaG9x|Ibe>aDu
zkBLwSKfb6uZbgKiKL>3@A5i85-A)I2*zD6`T<lG$yU`?b=P{m>S|D_fWV19qjd8Fy
z`N)un>Nv)@Afy!PT@gfCpT`*EL^jJ^3N-~qr)gX$k*LgVWjo8nbu3SIPHNg2wICw(
zX*JIKsHRp`s6>dqjm_i#v_g<&WX^WN^|&>@OrcOj8`*9uZoiMcFCp8djb*58^fGoI
zUhPgvsARj$|BQDYuBaBW%-obL)AjhCal8g4EecI#_pjr4|M3+u$#w~$secaRt}jut
z8DfD*U&p=wxE3N&=BO$D{cGI+_<fqo-mGuu<M`0e*C<GoT6I2+4?mr6$##~v+xave
z^7wSV-9k`xJOAe}9`|s1{_pvEtFEu#{`zzncLo4fP&gng0ssKe4gj42Dm(x@06v8>
zl1HT?p`kPA0H6?wYyhpHp;`WR_GkEk(=8fs_1GfmwdMo$Ysdqz1NsO0uCX6L57-Y&
zPuj16|J*;^4`<B855Ncz9I=$8b$9K2u8o?<6K0@y8OdlZE)G$KnF@)fD+Pz5K78pZ
z*bnK};U{17?w|nvRGAZuwT(CN&iMQa0&w{Jx;LspwLR<T{M`xl%js%?&C$!gHzm}`
zPtT|1nb=RnJ*e++k4ktdC3&v!F(+?7{O%*S^kh>RZ2VUAM;JZ@{Qfq2&ee&@kwa@~
z3t5TTiK7800oEZL>D4X2W{}J^7^}?7mW|Dhb@vBh4eeRFb$@b5^JQ89H%pN(+Lay`
zRuw-J@BOW^(mW@Qo)8Wl4FyZ{(og5dH&g?@unf$)f$Cggj+L?o`D&TJ`%r>}I}69r
z9pbx<XVm=MV=7^+psUFCn>+h+zAAh&Gvi*1hy6RJIYm@0<GUSrNb;#~2~D=r3vpm7
zJPFjS0!y>ewKvW7ME9Jw6y}2=^IFMJI-Wj?&>}c!28<LeA*Qhx^6qEjNiG-2wT$Zo
zivG}CDim{^lQKq{CQp5-5ZWcS61I?VJJ~mLG9o+=Tf_J3n9RuS_Bz*3&8GMV=#4%Z
zRRb##Nga=G+}Vk2Cg3f;T`L#oCH$%Um<$%kXT1wvxEdfhM;U?G<(|6#uT*gWkCG)O
a2|@UYkwfdFZBwK8NJTe><IX;^fB*o#@?{_Z

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/peoples-black.png b/src/assets/img/icon/message/peoples-black.png
new file mode 100644
index 0000000000000000000000000000000000000000..7aee85c4ada680b08b752cc841ef4ab6b97991e8
GIT binary patch
literal 6020
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
BH#z_S

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/peoples-black2.png b/src/assets/img/icon/message/peoples-black2.png
new file mode 100644
index 0000000000000000000000000000000000000000..86d4794358c12f737f7787044643290dbc022bfa
GIT binary patch
literal 8119
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/icon/message/remove.png b/src/assets/img/icon/message/remove.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bae327672e37558111334a98f3a1509f536ba4e
GIT binary patch
literal 6379
zcmb7}WmHsM-^OQ#VQ3h-VQ56j0i*_ox(O-ilI~9F7(ig?5EPMCQc9$|Q%Zp$1O$~X
zK~nIU`+n~C`Tl-5=d5-1K6|aR&)(PncU=dqqoqPZ$Uq1H07%qSm2|P!k-rao2=-iU
zT$7Kz0DW~;6aY1oOgjJo-CH#!dHq0(gC``<4d(n;Z(iT55|01`{2J>kBG9(KO|t3f
zgvyf)NA*qATs}-Nrm><al@pxbHO?y;TiGNxma3DJBt(La9w%3uIPq|b6+*9aRi3!8
zJ13QjI~&;%5cf@l9Ibru-%`P24!qcU9dZ;B(A{X9D0cL^v-|eow9|L0bqf!z3W|6M
zbg)u|q~Z4QN7GA)<2-<RFi-S&(^;XsPOTuuuocKlU<9!j*+%Nank*>x27#Jr+)gTx
zCSGo}#ZUp;FD8BaDlv}wX}5oA;f7i^zY6bijpBzrw>~MIb9^={u;d?=O5b&u^$U`7
zHsn5tDh{kmo4yTVYkTvdozUvwQL6MQzj4#HD&2ABel%_|{D%LaEc=|bhBje$v}q5$
z?ZzoV1khU8aY(Cf26_v^_LbSrmnbewOX7~6rBHVZe-rd}FoA{Z$sVMT?=JlLlvF8^
zgD(InJ_W9WyMKr-+yJ1K95L0rdb#bgVYAsYQ{lCb8d8;B+M-%CPd5xIW>0fpDfi}U
zAYXuHIGYV@ACr1Bg6=+RCGyW3=!y3iOAZ>ZCrIMcjGR#T4Sp<JyjlB0WcHYdLK70{
zV$xiS@12;2dCVmCbLUlo%=OcWWoNr%V;E~$`220-E^XeYLc8WDP5yLyZjE7(G;#wH
zG}*%RuC-cPW5N4k5VSLu=JIL=#5G5#^a)TXeu#$0)G|UJMsoT3Y%P&0%JPl5y~mwh
z33sWe+H-YMWCY|HKF)!Y(yXxo_o_4Zx(dFT)Y}ohY3;ON-Zup(ohCImxOhdjn5Vom
zBg{40ua5QV7)awqQSp52LNe{N;>Q07WJ8ai!y{Y9SPV~fT$Xo@GW*on!Md-6eA%-T
zh<ZvjbSYd#wNNJNb24`BmYx0O1$1<^F4z$!Wh|)@15la^1Ce{X(XeCs9Q7|G%LSp;
z*HL?k<u16oE+Y^AD)uyV-PoX_WeXo3bEF+4$P{>BzylTYxE3q_OaYQGqg8V&lfl71
z=2mOfIkdRYxSGw<D-H(xEG9cv+}<2PqFnFC-SH_U9DiU!{1ym2L0cLs`Wdi6LqeDH
z^xwbGS5&Cvg1jG4a9y|#;X~w)(Tu#=n=(*Ik<s-g!n@x&*D|1uFW2De;;G*K{@VYA
zfsN5S8{Fa{%>rC?e!R$6n0hIEC@At^BKGW0Nh-?!ZuO!$^)A4Ve9LUB{mvwdY<yU9
zx1{bD(sVLYdcL}XZXo*92#q&f5j&5EvI<|pm#ajxR&_E$nA4YkK4yE6d9|`IPMc(e
z9@~}Y#!e7*Vrrx&?GS3HH~D0H?aFC}WQgK^FMg<UsqRCA*^tZx@_3h5!gvW>Tj_k%
z_NR%N(2k!-a3m|DI;gs)DwJGzUZ&OefbR)JbEyI!g-Oo287Vc>q)2C42IFJo4$%TG
zRF{$46RRxDpn!Z^LFnA{wFGqHDQ(K6Zq|xX%Xe$oP`r(@G5=|6ZJRQqa_c3b-Hz^~
z>d+t@Xz0CA8~p2V$IKJ7DhtjhpQ+JSTJ30DB6V*&>3mR*)E~QF?O}{PrH}f!_ze}8
zycCZvXwb&sE>1Zy2L?Cu^BdJD*_2P01lYB<DvN1EU8l@^)mETG4lJnq_nUn(Gwh--
zOS9#II<Cd?Qu%<7cZ5_o?uuo`t$ktuM@u_?RgIgY2jA15>9LE0cD{Vp=anG?l=KlG
zGUCu)3ZD+S^lM0Uq{0l$l_-c%RNPaDWvNT~xSf2C2}{KTcTsLg|N8Wf+CX`_Wqd!&
z<u<N}|J~@h=Y_in;s-uQy|8n?0kEGwGhS~<10B51QjL6FvBJ~jK^W0g$+x8Q3-9ZM
z$CHSe=e%W+9MthHPPeGV3#Jv%mqzK<DdhRsuV^$eEc_vE1Z;Cn5>(zlR{oxrvU{jC
z<v2Nn6C~W)RC#eRahz(Zv1H$2Rp<*E=~<<@oh~+Qr*1=D8-158E$B<l$b8Pl&MiS~
z<7)+fDSW3lPhwpQA~k|dhNtBBY3V(hPY(DcZ>p`Z%P=Ybc>Yap--<RxB~st^$M+Vu
zr|PO9)m=h)nnrnxiT#8RL{S6&xo*Zv4Xnw;F)d*asZiwvpB&}ot3RtguD#d)rPZSa
z{lW2pitc1q`$tx=wK?n=kz)Z*dwZT@N@KpPP12>3xNU<x<CsAzlWYe;6XGOR?Q96U
zL!H712xL7)@SE~<AkgN~(D_#BS<G-bQhjszP)YV=+W03%2w-YcBor7`B8f78dTX+K
z+b_4pDS}f<pT?6Si)Rt~dBmh=2wcoy+8{-iA$~_O=0~%57e{%2GU7v*h9Bv~<W`b-
zik%W{k{Vp7uVs`=7aCe7kn6@H1$oUXU37zQaL-KBywgevc8-}}Xk4A@b*(CP{a7mF
zI$7Z>hsI<|Yd<tU0L_FoWES01_#*Qj!AiV6S&h!EIU{`ISv|+XYR+7e@S}h}tOt`J
z4mtaQsZmSSbnbvZuEI_x_b{!4i>svD2pP`gU~%4}p`1ZnWr-&2ExLinO8Y|mNe_k;
zzWxHJUM4u}&zB&MDj%BA3ngn^d+vj%CNl*!yoZP6ks3DQzmaf0$KCJ>D5F8PmHqLH
zv|%g~D%9gVKVBO8+%#7U!L3n-RkEGZK|c}@#_qv!mgtb?T&IhSQA<PuX+O?`{nra;
zsI%mwzg>^oAyXKFJf{1%KtxJncG;jA8N|J51iS{1+KeC*nCuSlZk=$X1<SK)z_69C
z@{jbTArye)?=Ks%+tV*zY>RX>ODp*+pCH%h_mHP33aslg5z6S^)?e#eGfe!_Aridm
z>hI9~eL)+BDzDG61Wr4L=lLQWdSq}eQ&uu>lPu-BaEo6#d_dNJn5nhJJ`*#99DBtV
zP;+p+In|A15V?<X%4RK#-g9Egz<t*D%XT=jbOwKeA!lmx7iGR2YND;%u(RzH0Vw~q
z`Fu|ZhYdc>FX$viFuyW?Fjp&xDlctX)cL@Av70mw$62MHK1)i^_We$JGz`9?RJC>B
zz<l07U`kkPGW_OzglaO(+O=62l-TPOpE{HU+s`&2g9W-z{9M=W{`}mH$BytA4%22h
zrN2DsKML&qY63gIY+5e2TiY8PowgVI%?HNorJ)!Am~N2PyWZYfD4ah?(^Yh!q<HdU
zkl=+qWTOYb*5&lQL9fH=ggb4pN_TgWmJ}Fyw()J#UQBZp7uDmRIU1Q^WGM-v`FO95
zWGxe^PU&clLcEO#aQ%(>etE(t5$D!RhNEwLo6{I}kosl*7bmp6$ekcPtjugvF^dC)
ztS*bimGAezj|MW!RmE?xq+51RyRYP9_k@U9q*I33rg;i|JTndpS;tfUv|FQylA6PX
z?l8HhKsd~yhXd#RUD8b5R}04nPtG?@VU^B5^m%FSs^1N6Qmyv}LC;%i`XjT&pQ}fh
z9EQ%$DVQyQ?uj`ZD&~587Zt|IngkI3R+-7UHGAmYLKE*Y;)Yv{_DJ%fcYw_k!#rMG
z?JIi-wb71X=5YXCQH&+Sd?mIt?C}vbW>>^cE{d!ph}Op*7%v_uNyt>AjC311eq0}c
zBej(AJ38G_LFKA*w+38%glj#wm4fpQ3R&qA^5cSr{65RAc*9behN0(%>tq8zeB-xS
zXp0-C#<tD9yyB_b5ge!AJjy}o&`qBtaUB=fJD%5$ef8%_i=8+{o;~v!x(snB)TM*P
zXd21}*h_XCf<>C<7GeIulD5AQa3~E9gH(F+_xu&d@vr=XX;_%7sP^>Bf)A|0ajZoO
zZQG12{5+T+nE8DRY#Aqf<Mnm_)Gpv6B9>m}#s<=7g`AteQ@hTZtHq<hH<z$|zbkO7
z0_|aF>xUhtS_TYw^-SfFdTprs%JR+pyum|-pNRJq_17!amS{ds?pRss^6-VBwvFG=
zsl<B!ZjD^f#O?44W%@b@p}h5@oz`PSJvCS(p%uxx6M1g(!T6l~QF3lN&>)ykoc<F)
zX=N57aWN%kte!$(dR1#B_o1r|ls)h7bFt)B$TGmPHm}7M64WTf;ZcAi(Ye2G(HK)D
zMrwKi!dz6(y1><KozOux3)j@xP0jG|)=+=9%L=vq(icCrry|+X4dQ+Av6qAk6BV}5
zkCc-+v<(@oQ`BAcIIy@t3ZX<DXo@v!E{=zCn6LWrfOnT<o5aF*n7f+@`LL6{^v%yA
zs(9u$2crT6+-b4%5y&V{rAbvJAW)4X{%y_q2>49@cJ2Uo4L4YA{OwSB#xoErG;eVk
zhhV_N$xO?xS%m=&*^&`jK-zSp1Bo$WXKcKNBfqaVS8GkeX{v-zsW8uHR6Iqq2iDd=
zfp4oc?PdV)V6|s`hIM~x2x$U{CdMZB{ZYZtK~P0uDI=*q%?K>tKyldz|9AY`B5C56
zA>jjrs_TWjCxHWmEM&#TY*Df{i&)+%C)9#}l@C6Kh*=exLUv+~5%&vja*?UVZ|ifO
z;rEsXl^n@k^R7Evkg%giMQdYKBf$doQqfwcE<umWIbN@eUn*OBk#3$A3tf&o@(U6M
zRj3{RWx!7pSTPFC`8Jp^H`@_C_?RE(w8VJ2-kAKAgO&ks>KjQm1H3V)wO!hxDyUVu
zMWUp6Ke2CiVCN&IBzz-fvgpyEeVQz%)T)q}-z-I)wfeki1YzyFFBDERiOnmJE9dn#
zZwKU5wi!vBIJm$w9{w?@T9<y>$0?e!gD`Mk`yFdNpICd6G%wDplv`k=uHqh%>iW+0
zO5t{^EZpijaDa6*^t{qXc8qj3Bm~N=lIrtNSAh0+*h}JVnc(MSwWM(0{rkj_4=ffR
z7g%G`Mb62&aZGFF09{C)iIw_V5#sGY(}iG^)*lTT%ibZ)hdvO|PLb(Q++4WM)*~4X
zPbOj{B@Va1$p=RG8dvU}DW#HlKe5sffFQJo&-c|RK*H!#M`x<BCcI3cM>$a{pP9op
zi+MN-$nQQf$gVsELOBN{>4Zdd%F#R!#&>`LaGp56_Sx8W?B3d)WL!X~dJ4{_ErOIX
zK~|fU6UYx(CCa?ow`+#U{Ii-A?ACVXFLl0)epCQs_4odBAUnV>zaA6{9YnBqul{=6
zmJjX|B*w9et%BGgr?jh<X=7H0VOq)m%C{t53^*yf3XYRcH!UK8r}K07zDiHAq;m5l
z;ukDs=3n`r2fna{Z1nwC{__prhS0<#x(>wo7B7aloQBfDkTV&JBCbPd`~2F`GhysI
z-S?2y>})<VvUu%f;s7Hhem<0R=k`&XC2X09<_NU2%=(_(&E;fcJJX&3>lw7v!O=a9
zwo^#UwW1<CatxbvgI*_OUmHeQIu#XVx-++^!|vU;MFzKeje34rxzZZmXe8GK1~nYk
z8q^+!k^x*grM~@~K!S<=#))2OMTs^0hx|IwhJ|^~8G&XV)RM}XSbPFoc){G*9EhC)
z>vj|Iy^|*#x2_4WHTvJ`ovK&UPaHG$zv}&|8Oh}6;`YM`;P;Ak*gTFNKMokGayS}3
zR9lPuyKHnNi+}mLAh}=*(SRdCM~zYqYd`mR(vXF%xBC9;>t^A3WHrMa<jfBY<4E${
zdk<DmZG~wyU}4d}-Xi^0s{Fo`X)f1IbUqTGheJf0fCJw}3Z6hYdwM{qe-LM#Q6A~_
z#Gwa_<MVmM*ZMS}Q{D}aR@GAQ=igieirEvvF{S@MF8a)#w((|>HopH$o_w#wuYd8T
z4~sX42VWbLE8MFrNfIm)kxbCaf7FG5FkZPhx;JJS`Z6nTanG-=5Q}jHa2}hYIs-i3
zre0#Ob)<_6kIAyp5x$LWVU0NI?1EjgZij)n2LpkxCjwDZBa?1bwQY*}vwUeA136oX
z`F$);)&rG_Q%5gNXC;3E(!_S^>uyIE{06HGV5H^Pg(OT7rbmlRZrEsp)iY~i!IS^L
zM%FoM!S%0pBvZ-X&`PlG=8pVzH{ujM7z+|Alq|zPF2!=IAfTA7ih(>HtK<wid}T!M
z`rm$$!+kf-y^Kx)mTf@+oj2gdus3d5?F)#Kj~3l*93XGEs@VAlQ1dFHV?a*FA066~
z8H{j-N=%u(Y}t3}{$UegZfMK?P{Ze&n+O(728?S4T^bLm9G1d2UU1up^FX)io&IZ#
zUjin@bAWNcf32}by|q3pEY&o0y|LmO*B1e{-xFh70>Y!w-l(3x4RajX5jc_|54D}o
z{u!O@&ipa5$oyCN(h|Xrkzuz-hUY2BJ2>6@lOt-@TSJF;AorWJcM}O32gbiO#=JNG
zl3SDtbvEUKzz3gd;tiZr_5k`sa;Cx%NvevJs<o;NaKUIz+E{YBn{r(UxQku7fi{l%
zNjV6GhEEwGa2;hbM92&44_Ck#zD8#WJY|zikJ;AwN^^!jYSknALii74{h6_(Re0CK
zpA=(cX)*J{lM!QW@`vW_d>X-uwDFX$zr1Wsb!(ebD(rj|Dq4FgjB40*D{iRMKK+?4
z&so%i7c*X!>+i#eMqc9`q~i3t<@FLb*|$_Z#BFCkVAx`?Zk*WaV!)M5CwODYDF=uW
z%prQ+PT{*kYAik>+~+G&aFcK)5ql1;Kw4q#Gos#~5@UDf?xg?i{aPe3eyEy7#0-^j
zT_M$U#?kH!;Q$KpuNh@8J`GdprB<}>@hX^MBx3L4)}n{wiVNI?mG_2Cn4E#U0b<Py
z%Xp-B@c>!(j3glnSBeNGx42$5P=^^qkiw(j@v(;`DUvK8@21`Jyo8@JfF!~=s!hdl
zuRi?2N9E?sg?`t3uEUwjiUie3nHc<m-ko?QDniLm2sPFIafxpag<^$*ljN@g7qqan
z%AT^Sf?&@;nS6FC6bd?AG+g+~l&U70VG1k_9%ka$E5$`TG72cKr&RTf)Y~d}7vAit
zh-ok@l2zTFd?OxWeNKN{n73G|ot#7SD>9UqaPuA%uL6$S@$);0!&)X&y8)NlgQXhN
za}M1t#PCXDnX+V7hz#b0T2;<vZrbH6IV1?pDbGhfNcWY|r`a^66ZsmcQS-$|Q~yX<
zj9iSf8Fs(iT;H{-Lsy?1<Q=tZiQBRASvRP8fLv0rekD7_sP*MYJN`Xa3rv;ItwXU5
zc$TrSq2P^iD5pSf4TQ|mcJ?yZnIVZQitVC)xwv8RURK+^iCd=dXTmzQ@4-K3S~#<p
z12|lhqM1};i_9Mpd*`}I@>+D&s-n(heKcRn5)qCCeVYw7O`!eRk$r2oi7@Q`WaLvm
zBzydjV>lp~WaP;eOPWvqiu+w8Zh%)uR;4jY!kR|lby)uPPB@rA_K4q2fSC{{e)(IS
z^~2sK9=`L8g#?-rWX7X^+;p$-bMd2jf`8ofMv)nl{J6n0WUyMx{&mCWyZ(SZ86j!j
zR`k0gCQd}~*^}dqlD{U$NOC{zl8^KN!dK2*bt<?_k9Y{A?^AD2wH8FbF?ZS^jN;uX
zmqLYJV%}brR`F(11*~y<JWY5sVQ@dqBI;%}cV&<^k-^0SR8X&1(XPjE1Qw0?+`PC;
zqbkS$j|HyZqIq)Ba^ui$%11bnk!8wI7RFdwt{H=bjNI3H6^4?S^(BIS6jpXJSXMT-
zC#wqLZFK)tWx%{uxK6>9Mz-nUQEP<PP6L?fc*7~B^E!U~`$*ec@8t<9UhWrJnfKCw
zKBi0B{I^~IW|coO8e*vW15|s0t7;B!>VgJ6DJaf(`ZSu5keQ;ti<(*^XhsxJuIUuL
z4H+P@8hyRe+Qd=B#6&Gl^lh`+>hB13tKCd~MzpSii#%D$3eT9GM{c17i1nU%@h_i1
zMnRIKj}b4{0)uyZdR^U>`Bg>f0XF_U&&HX^3^d3$XxQo%lVndU*N4fvDSHeJjO?+Y
z@6rDw^o^eaA9P<c`uiVsJ<QRsrza4I>MGIGK6cg$Xe0xih$#i;*tsOiY^I9$$A*yY
zJk0=yJb>nzJariSUxJM)WQpGeuKVSAKo)~@q2cIw&thnZJ36F#rvE}g#m6zv?{oq*
z^Ko0}{D&ZmA?9{I$C)?zvHE9}`vTjNzqmDX8Uhr*3yvp`(O)pjt0PKpb7Le${hOm_
zDEMW?NZHx$cAmAs*P`qbQ(}N}qq4>@wMp4wi)<i`s!2i%GK1a<#VL8i6k>u+@a^wy
zfYcl!aWlT{`|jIgTb{p-C*sV(cFky*s()c0iL0B<E|6vixnrHEnARZ_<|)Aby#S~w
LYbn(zSVjE@J@)i>

literal 0
HcmV?d00001

diff --git a/src/assets/less/color.less b/src/assets/less/color.less
index 9d04fb8..916f94c 100644
--- a/src/assets/less/color.less
+++ b/src/assets/less/color.less
@@ -4,11 +4,16 @@
 @second-btn-color: rgb(58, 58, 70);
 @second-btn-color-tran: rgba(58, 58, 70, .4);
 @line-color: rgb(37, 45, 66);
-@line-color2: rgb(56,54,67);
+@line-color2: rgb(56, 54, 67);
 
 @primary-btn-color: rgb(252, 47, 86);
 @disable-primary-btn-color: rgba(252, 47, 86, .5);
 
+@mask-dark: #000000bb;
+@mask-light:transparent;
+@mask-white:transparent;
+@mask-lightgray:rgba(0, 0, 0, 0.25);
+
 .second-text-color {
   color: @second-text-color;
 }
diff --git a/src/components/Mask.vue b/src/components/Mask.vue
index 6a36a63..ae42bab 100644
--- a/src/components/Mask.vue
+++ b/src/components/Mask.vue
@@ -18,6 +18,8 @@ export default {
 </script>
 
 <style lang="less">
+@import "@/assets/less/index";
+
 
 .Mask {
   z-index: 3;
@@ -26,22 +28,22 @@ export default {
   bottom: 0;
   left: 0;
   right: 0;
-  background: #000000bb;
+  background: @mask-dark;
 
   &.dark {
-    background: #000000bb;
+    background: @mask-dark;
   }
 
   &.light {
-    background: transparent;
+    background: @mask-light;
   }
 
   &.lightgray {
-    background: rgba(0, 0, 0, 0.25);
+    background: @mask-lightgray;
   }
 
   &.white {
-    background: transparent;
+    background: @mask-white;
   }
 }
 </style>
diff --git a/src/components/Scroll.vue b/src/components/Scroll.vue
index 7fda0db..cb771c0 100644
--- a/src/components/Scroll.vue
+++ b/src/components/Scroll.vue
@@ -1,26 +1,88 @@
 <template>
-  <div class="scroll-wrapper scroll" ref="wrapper" @scroll="scroll">
+  <div v-if="useRefresh" class="scroll-wrapper scroll"
+       ref="wrapper"
+       @touchmove="move"
+       @touchend="end"
+       @scroll="scroll">
+    <Loading :is-full-screen="false" :style="pullUpStyle"/>
+    <div class="scroll-content" :style="pullUpStyle">
+      <slot></slot>
+    </div>
+  </div>
+  <div v-else class="scroll-wrapper scroll" ref="wrapper" @scroll="scroll">
     <div class="scroll-content">
       <slot></slot>
     </div>
   </div>
 </template>
 <script>
+import Loading from "./Loading";
+
 export default {
   name: "Scroll",
+  components: {
+    Loading
+  },
   props: {
     fixedHeight: {
       type: Number,
       default: -1
+    },
+    useRefresh: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
-    return {}
+    return {
+      wrapper: null,
+      startMoveY: null,
+      distance: null,
+      refresh: false
+    }
+  },
+  computed: {
+    pullUpStyle() {
+      return {
+        'transition-duration': this.refresh ? '300ms' : '0ms',
+        transform: `translate3d(0px, ${this.distance !== null ? this.distance : -40}px,0`
+      }
+    }
   },
-  computed: {},
   created() {
   },
+  mounted() {
+    this.wrapper = this.$refs.wrapper
+  },
   methods: {
+    move(e) {
+      // console.log(this.wrapper)
+      console.log(this.wrapper.scrollTop)
+      if (this.refresh) return
+      if (this.wrapper.scrollTop > 0) return;
+      if (this.wrapper.scrollTop === 0 && this.startMoveY === null) {
+        this.startMoveY = e.touches[0].pageY
+      }
+      let distance = e.touches[0].pageY - this.startMoveY
+      this.distance = distance - 40 < 10 ? distance - 40 : 10
+    },
+    end() {
+      this.startMoveY = null
+      if (this.distance !== null && this.wrapper.scrollTop === 0) {
+        this.refresh = true
+        this.distance = 10
+        this.$emit('refresh')
+      } else {
+        this.distance = null
+      }
+      console.log('end')
+    },
+    refreshEnd() {
+      this.distance = null
+      setTimeout(() => {
+        this.refresh = false
+      }, 300)
+    },
     async scroll() {
       let wrapper = this.$refs.wrapper
       if (this.fixedHeight !== -1) {
diff --git a/src/pages/message/AllMessage.vue b/src/pages/message/AllMessage.vue
new file mode 100644
index 0000000..d7e56c5
--- /dev/null
+++ b/src/pages/message/AllMessage.vue
@@ -0,0 +1,381 @@
+<template>
+  <div id="AllMessage">
+    <BaseHeader>
+      <template v-slot:center>
+        <div class="center" @click="isShowType = !isShowType">
+          <span class="f16">{{ showTypeText }}</span>
+          <img :class="{show:isShowType}" src="../../assets/img/icon/arrow-up-white.png" alt="">
+        </div>
+      </template>
+    </BaseHeader>
+    <transition name="fade">
+      <div class="type-dialog" v-if="isShowType">
+        <div class="dialog-content">
+          <div class="row" @click="toggleShowType(1)">
+            <div class="left">
+              <img src="../../assets/img/icon/message/done-gray.png" alt="">
+              <span>全部消息</span>
+            </div>
+          </div>
+          <div class="row" @click="toggleShowType(2)">
+            <div class="left">
+              <img src="../../assets/img/icon/message/like-gray.png" alt="">
+              <span>赞</span>
+            </div>
+          </div>
+          <div class="row" @click="toggleShowType(3)">
+            <div class="left">
+              <img src="../../assets/img/icon/message/call-gray.png" alt="">
+              <span>@我的</span>
+            </div>
+          </div>
+          <div class="row" @click="toggleShowType(4)">
+            <div class="left">
+              <img src="../../assets/img/icon/message/comment-gray.png" alt="">
+              <span>评论</span>
+            </div>
+          </div>
+        </div>
+        <div class="mask" @click="isShowType = false"></div>
+      </div>
+    </transition>
+    <div class="content">
+      <Scroll
+          ref="scroll"
+          :use-refresh="true"
+          @refresh="refresh"
+          @pulldown="loadData">
+        <div class="messages">
+          <div class="message" @click="$nav('/message/visitors')">
+            <div class="left">
+              <img v-lazy="$imgPreview(userinfo.avatar)" alt="" class="avatar">
+            </div>
+            <div class="right">
+              <div class="desc">
+                <div class="top">
+                  <div class="name">主页访客</div>
+                </div>
+                <div class="desc-content">
+                  4人最近访问了你的主页，看看他们是谁
+                </div>
+                <div class="bottom">
+                  <div class="time">01-11</div>
+                </div>
+              </div>
+              <img v-lazy="$imgPreview(userinfo.avatar)" alt="" class="poster">
+            </div>
+          </div>
+          <div class="message" v-for="item in showMessageList" @click="$no">
+            <div class="left">
+              <img v-lazy="$imgPreview(item.author.avatar)" alt="" class="avatar">
+              <img v-if="selectShowType === 2" src="../../assets/img/icon/message/love-message.webp" alt=""
+                   class="type">
+              <img v-if="selectShowType === 3" src="../../assets/img/icon/message/call-message.webp" alt=""
+                   class="type">
+              <img v-if="selectShowType === 4" src="../../assets/img/icon/message/comment-message.webp" alt=""
+                   class="type">
+            </div>
+            <div class="right">
+              <div class="desc">
+                <div class="top">
+                  <div class="name">{{ item.author.nickname }}</div>
+                  <div class="tag">朋友</div>
+                </div>
+                <div class="desc-content">
+                  <span v-if="selectShowType === 1">好好看啊</span>
+                  <span v-if="selectShowType === 2">赞了你的作品</span>
+                  <span v-if="selectShowType === 3">@{{ userinfo.nickname }}</span>
+                  <span v-if="selectShowType === 4">好好看啊</span>
+                </div>
+                <div class="bottom">
+                  <div class="type" v-if="selectShowType === 3">在评论中提到了你</div>
+                  <div class="type" v-if="selectShowType === 4">回复了你的评论</div>
+                  <div class="time">01-11</div>
+                </div>
+              </div>
+              <img v-lazy="$imgPreview(item.video+'?vframe/jpg/offset/0/w/300')" alt="" class="poster">
+            </div>
+          </div>
+          <div class="look-all" v-if="!showAll" @click="showAll = true">
+            <span>查看全部</span>
+            <back/>
+          </div>
+        </div>
+        <div class="title">
+          <span>朋友推荐</span>
+          <img src="../../assets/img/icon/about-gray.png" alt="">
+        </div>
+        <Peoples v-model:list="recommend"
+                 :loading="loading"
+                 mode="recommend"/>
+        <Loading :is-full-screen="false" v-if="loading"/>
+      </Scroll>
+    </div>
+  </div>
+</template>
+<script>
+import {mapState} from "vuex";
+import People from "../people/components/People";
+import Scroll from "../../components/Scroll";
+import Loading from "../../components/Loading";
+import Peoples from "../people/components/Peoples";
+import resource from "../../assets/data/resource.js";
+
+
+export default {
+  name: "Fans",
+  components: {
+    Scroll,
+    People,
+    Loading,
+    Peoples
+  },
+  data() {
+    return {
+      loading: false,
+      isShowType: false,
+      showAll: false,
+      recommend: [],
+      messages: [],
+      selectShowType: 1
+    }
+  },
+  computed: {
+    ...mapState(['userinfo', 'friends']),
+    showTypeText() {
+      switch (this.selectShowType) {
+        case 1:
+          return '全部消息'
+        case 2:
+          return '赞'
+        case 3:
+          return '@我的'
+        case 4:
+          return '评论'
+      }
+    },
+    showMessageList() {
+      if (this.showAll) {
+        return this.messages
+      }
+      return this.messages.slice(0, 2)
+    }
+  },
+  created() {
+    this.recommend = this.$clone(this.friends.all)
+    this.fans = this.$clone(this.friends.all)
+    this.recommend.map(v => {
+      v.type = -1
+    })
+    this.messages = this.$clone(resource.videos)
+  },
+  methods: {
+    toggleShowType(index) {
+      this.selectShowType = index
+      this.isShowType = false
+    },
+    remove(index) {
+      this.$notice('将不会再为你推荐该用户')
+      this.recommend.splice(index, 1)
+    },
+    async refresh() {
+      await this.$sleep(1000)
+      this.$refs.scroll.refreshEnd()
+    },
+    async loadData() {
+      if (this.loading) return
+      this.loading = true
+      await this.$sleep(500)
+      this.loading = false
+      let temp = this.$clone(this.friends.all)
+      temp.map(v => {
+        v.type = -1
+      })
+      this.recommend = this.recommend.concat(temp)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "@/assets/less/index";
+
+
+.list-complete-enter-from,
+.list-complete-leave-to {
+  opacity: 0;
+}
+
+.list-complete-leave-active {
+  position: absolute;
+}
+
+#AllMessage {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow: auto;
+  color: white;
+  font-size: 1.4rem;
+
+  .center {
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 1.5rem;
+      transform: rotate(180deg);
+      transition: all .3s;
+    }
+
+    .show {
+      transform: rotate(0deg);
+    }
+  }
+
+  .type-dialog {
+    z-index: 9;
+    position: fixed;
+    height: 100vh;
+    width: 100vw;
+    margin-top: @header-height;
+
+    .dialog-content {
+      background: @main-bg;
+
+      img {
+        width: 1.6rem;
+      }
+    }
+
+    .mask {
+      z-index: 8;
+      position: fixed;
+      height: 100vh;
+      width: 100vw;
+      background: @mask-dark;
+    }
+  }
+
+  .content {
+    padding: @padding-page;
+    padding-top: @header-height;
+
+    .scroll {
+      height: calc(100vh - @header-height);
+    }
+
+    .messages {
+      .message {
+        margin-bottom: 2rem;
+        display: flex;
+
+        &:first-child {
+          margin-top: 2rem;
+        }
+
+        .left {
+          display: flex;
+          align-items: center;
+          position: relative;
+
+          .avatar {
+            width: 4.8rem;
+            border-radius: 50%;
+          }
+
+          .type {
+            position: absolute;
+            right: 0;
+            bottom: 1rem;
+            width: 1.7rem;
+            padding: .25rem;
+            border-radius: 50%;
+            background: black;
+          }
+
+          margin-right: 1rem;
+        }
+
+        .right {
+          flex: 1;
+          display: flex;
+          justify-content: space-between;
+
+          .desc {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+
+            .top {
+              //margin-bottom: 1rem;
+              display: flex;
+              align-items: center;
+
+              .tag {
+                color: @second-text-color;
+                padding: .1rem .4rem;
+                margin-left: 1rem;
+                border-radius: .2rem;
+                background: @second-btn-color-tran;
+                font-size: 1rem;
+              }
+            }
+
+            .bottom {
+              //margin-top: 1rem;
+              display: flex;
+              align-items: center;
+              font-size: 1.2rem;
+              color: @second-text-color;
+
+              .type {
+                margin-right: 1rem;
+              }
+            }
+          }
+
+          .poster {
+            margin-left: 1rem;
+            width: 6.4rem;
+            height: 6.4rem;
+            object-fit: cover;
+            border-radius: .3rem;
+          }
+        }
+      }
+
+      .look-all {
+        font-size: 1.2rem;
+        color: @second-text-color;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .close {
+          margin-left: 1rem;
+          transform: rotate(270deg) !important;
+          width: 1.2rem;
+          height: 1.2rem;
+        }
+      }
+    }
+
+
+    .title {
+      margin-top: 1.5rem;
+      margin-bottom: 1rem;
+      font-size: 1.2rem;
+      display: flex;
+      align-items: center;
+
+      img {
+        margin-left: .5rem;
+        width: 1.3rem;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/message/Message.vue b/src/pages/message/Message.vue
index d75abdf..825ffb2 100644
--- a/src/pages/message/Message.vue
+++ b/src/pages/message/Message.vue
@@ -44,7 +44,7 @@
         </div>
       </div>
       <!--      互动消息-->
-      <div class="message">
+      <div class="message" @click="$nav('/message/all')">
         <div class="avatar">
           <img src="../../assets/img/icon/msg-icon2.png" alt="" class="head-image">
         </div>
@@ -714,7 +714,6 @@ export default {
   }
 
   .messages {
-    margin-top: 5px;
 
     .message {
       display: flex;
@@ -725,7 +724,7 @@ export default {
       }
 
       &:active {
-        background: #353a4f;
+        background: @active-main-bg;
       }
 
       .avatar {
diff --git a/src/pages/message/Visitors.vue b/src/pages/message/Visitors.vue
new file mode 100644
index 0000000..cf209a5
--- /dev/null
+++ b/src/pages/message/Visitors.vue
@@ -0,0 +1,286 @@
+<template>
+  <div id="Visitors">
+    <BaseHeader>
+      <template v-slot:center>
+        <span class="f16">主页访客</span>
+      </template>
+      <template v-slot:right>
+        <span class="f14" @click="isShowSetting = !isShowSetting">设置</span>
+      </template>
+    </BaseHeader>
+    <div class="content">
+      <template v-if="realDisplay">
+        <Peoples v-model:list="recommend"
+                 :loading="loading"
+                 mode="visitor"/>
+        <NoMore/>
+      </template>
+      <template v-else>
+        <div class="open-display-desc">
+          <div class="header">
+            <div class="wrapper">
+              <img src="../../assets/img/icon/message/display2.webp" alt="" class="icon1">
+              <img :src="$imgPreview(userinfo.avatar)" alt="" class="icon2">
+              <img src="../../assets/img/icon/message/display1.webp" alt="" class="icon3">
+            </div>
+          </div>
+          <div class="title">查看新访客需要你的授权</div>
+          <ul class="list">
+            <li>访客记录中仅展示同样已授权的用户</li>
+            <li>开户后，你访问他人方面也将留下记录</li>
+            <li>你可以随时在访客设置中关闭授权</li>
+          </ul>
+
+          <div class="buttons">
+            <base-button type="dark" @click="keepClose">保持关闭</base-button>
+            <base-button type="primary" @click="display = realDisplay = true">开启访客</base-button>
+          </div>
+        </div>
+      </template>
+    </div>
+
+    <from-bottom-dialog
+        page-id="Visitors"
+        v-model="isShowSetting"
+        mode="white"
+        mask-mode="dark"
+        height="25rem"
+        :show-heng-gang="false"
+    >
+      <div class="setting-dialog">
+        <div class="header">
+          <div class="status">
+            <img class="icon" src="../../assets/img/icon/message/peoples-black2.png" alt="">
+            <transition name="remove">
+              <img v-if="!display" class="remove" src="../../assets/img/icon/message/remove.png" alt="">
+            </transition>
+          </div>
+          <img class="close" @click="isShowSetting = false" src="../../assets/img/icon/components/gray-close-full2.png"
+               alt="">
+        </div>
+        <div class="title">主页访客</div>
+        <div class="sub-title">关闭后，你查看他人主页时不会留下记录；同时，你也无法查看谁访问了你的主页</div>
+        <div class="l-line"></div>
+        <div class="row">
+          <div class="left">展示主页访客</div>
+          <div class="right">
+            <switches v-model="display" theme="bootstrap" color="success"></switches>
+          </div>
+        </div>
+      </div>
+    </from-bottom-dialog>
+  </div>
+</template>
+<script>
+import {mapState} from "vuex";
+import Peoples from "../people/components/Peoples";
+import NoMore from "../../components/NoMore";
+import FromBottomDialog from "../../components/dialog/FromBottomDialog";
+import Switches from "./components/swtich/switches";
+import BaseButton from "../../components/BaseButton";
+
+export default {
+  name: "visitors",
+  components: {
+    BaseButton,
+    FromBottomDialog,
+    Peoples,
+    NoMore,
+    Switches
+  },
+  data() {
+    return {
+      recommend: [],
+      isShowSetting: false,
+      display: false,
+      realDisplay: false,
+    }
+  },
+  watch: {
+    isShowSetting(newVal) {
+      if (!newVal) {
+        this.realDisplay = this.display
+      }
+    }
+  },
+  computed: {
+    ...mapState(['userinfo', 'friends']),
+  },
+  created() {
+    this.recommend = this.$clone(this.friends.all)
+  },
+  methods: {
+    keepClose() {
+      this.$notice('你将不会再收到相关通知')
+      this.$back()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "@/assets/less/index";
+
+.remove-enter-active,
+.remove-leave-active {
+  transition: transform 0.3s ease;
+}
+
+.remove-enter-from,
+.remove-leave-to {
+  transform: scale(0);
+}
+
+#Visitors {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow: auto;
+  color: white;
+  font-size: 1.4rem;
+
+  .content {
+    padding: @padding-page;
+    padding-top: @header-height;
+  }
+
+  .open-display-desc {
+    text-align: center;
+
+    .header {
+      margin-top: 10rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .wrapper {
+        display: inline-block;
+        position: relative;
+      }
+
+      .icon1 {
+        left: -2rem;
+        bottom: 2rem;
+        position: absolute;
+        width: 3rem;
+      }
+
+      .icon2 {
+        z-index: 2;
+        position: relative;
+        padding: .25rem;
+        background: black;
+        border-radius: 50%;
+        width: 8rem;
+      }
+
+      .icon3 {
+        bottom: .5rem;
+        right: -3rem;
+        z-index: 3;
+        position: absolute;
+        padding: .2rem;
+        background: black;
+        border-radius: 50%;
+        width: 4rem;
+      }
+    }
+
+    .title {
+      margin-top: 3rem;
+      font-size: 1.6rem;
+      font-weight: bold;
+    }
+
+    .list {
+      color: @second-text-color;
+      text-align: left;
+    }
+
+    .buttons {
+      position: fixed;
+      padding: @padding-page;
+      bottom: 0;
+      left: 0;
+      width: 100vw;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+
+      .button {
+        width: 49%;
+
+        &:first-child {
+          color: white;
+        }
+      }
+    }
+  }
+
+  .setting-dialog {
+    color: black;
+    text-align: center;
+
+    .header {
+      padding: @padding-page;
+      padding-top: 3rem;
+      padding-bottom: 2rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .status {
+        position: relative;
+
+        .icon {
+          width: 6.4rem;
+        }
+
+        .remove {
+          bottom: 0;
+          right: 0;
+          position: absolute;
+          padding: .2rem;
+          border-radius: 50%;
+          background: white;
+          width: 2rem;
+        }
+      }
+
+      .close {
+        top: @padding-page;
+        right: @padding-page;
+        position: absolute;
+        width: 2rem;
+      }
+    }
+
+    .title {
+      font-size: 1.6rem;
+    }
+
+    .sub-title {
+      padding: @padding-page;
+      font-size: 1.2rem;
+      color: @second-text-color;
+    }
+
+    .l-line {
+      background: #f2f1f1;
+      margin-left: @padding-page;
+      width: calc(100vw - @padding-page * 2);
+      height: 1px;
+    }
+
+    .row {
+      margin-bottom: 1rem;
+
+      .left {
+        color: black !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/people/components/People.vue b/src/pages/people/components/People.vue
index 98a63cb..2b31d12 100644
--- a/src/pages/people/components/People.vue
+++ b/src/pages/people/components/People.vue
@@ -63,6 +63,26 @@
           <img src="../../../assets/img/icon/menu-white.png" alt="" @click="showPopover = !showPopover">
         </div>
       </template>
+
+      <template v-if="mode === 'visitor'">
+        <div class="left">
+          <div class="name">{{ people.name }}</div>
+        </div>
+        <div class="right">
+          <!--   他关注我   -->
+          <template v-if="people.type === RELATE_ENUM.FOLLOW_ME">
+            <div class="l-button red" @click="$emit('follow')">关注</div>
+          </template>
+          <!--   我关注他   -->
+          <template v-if="people.type === RELATE_ENUM.FOLLOW_HE">
+            <div class="l-button" @click="$emit('unfollow')">已关注</div>
+          </template>
+          <!--          相互关注-->
+          <template v-if="people.type === RELATE_ENUM.FOLLOW_EACH_OTHER">
+            <div class="l-button" @click="$emit('unfollow')">互相关注</div>
+          </template>
+        </div>
+      </template>
     </div>
     <!--   TODO 点了不消失，内容也变了 -->
     <transition name="scale">
@@ -163,7 +183,7 @@ export default {
 
     .left {
       .name {
-        font-size: 1.2rem;
+        font-size: 1.4rem;
         margin-bottom: .2rem;
         color: white;
       }
diff --git a/src/pages/people/components/Peoples.vue b/src/pages/people/components/Peoples.vue
index 00c5b25..12d68c9 100644
--- a/src/pages/people/components/Peoples.vue
+++ b/src/pages/people/components/Peoples.vue
@@ -76,6 +76,9 @@ export default {
       this.localList.splice(index, 1)
     },
     follow(index) {
+      if (this.mode === 'visitor') {
+        this.localList[index].type = this.RELATE_ENUM.FOLLOW_HE
+      }
       if (this.mode === 'recommend') {
         this.localList[index].type = this.RELATE_ENUM.FOLLOW_HE
       }
@@ -86,6 +89,9 @@ export default {
       }
     },
     unfollow(index) {
+      if (this.mode === 'visitor') {
+        this.localList[index].type = this.RELATE_ENUM.FOLLOW_ME
+      }
       if (this.mode === 'recommend') {
         this.localList[index].type = this.RELATE_ENUM.RECOMMEND
       }
diff --git a/src/router/index.js b/src/router/index.js
index d89e325..e7e6036 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -59,6 +59,8 @@ import MyMusic from "../pages/me/MyMusic";
 import FollowAndFans from "../pages/people/FollowAndFans";
 import MyRequestUpdate from "../pages/me/MyRequestUpdate";
 import Fans from "../pages/message/Fans";
+import AllMessage from "../pages/message/AllMessage";
+import Visitors from "../pages/message/Visitors";
 
 const routes = [
   // {path: '', component: Music},
@@ -88,6 +90,8 @@ const routes = [
   {path: '/message/chat', component: Chat},
   {path: '/message/chat-detail', component: ChatDetail},
   {path: '/message/fans', component: Fans},
+  {path: '/message/all', component: AllMessage},
+  {path: '/message/visitors', component: Visitors},
 
 
   {path: '/edit-userinfo', component: EditUserInfo},