From 164cad0b5989759567a76435852fd4fc17d81d0a Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Fri, 16 May 2025 16:07:30 +0800
Subject: [PATCH 1/6] =?UTF-8?q?1.=E5=BC=B9=E5=87=BA=E6=A1=86=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=8B=96=E6=8B=BD=202.=E7=A7=BB=E5=8A=A8=E7=AB=AFtab?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96=203.?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8Dweb=E7=AB=AF=E5=8F=91=E9=80=81=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E6=96=87=E4=BB=B6=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-uniapp/pages.json                          |  16 +-
 im-uniapp/static/{tarbar => tab}/chat.png     | Bin
 im-uniapp/static/tab/chat_active.png          | Bin 0 -> 5647 bytes
 im-uniapp/static/{tarbar => tab}/friend.png   | Bin
 im-uniapp/static/tab/friend_active.png        | Bin 0 -> 5124 bytes
 im-uniapp/static/{tarbar => tab}/group.png    | Bin
 im-uniapp/static/tab/group_active.png         | Bin 0 -> 7803 bytes
 im-uniapp/static/tab/mine.png                 | Bin 0 -> 6342 bytes
 im-uniapp/static/tab/mine_active.png          | Bin 0 -> 5902 bytes
 im-uniapp/static/tarbar/chat_active.png       | Bin 5689 -> 0 bytes
 im-uniapp/static/tarbar/friend_active.png     | Bin 5072 -> 0 bytes
 im-uniapp/static/tarbar/group_active.png      | Bin 7842 -> 0 bytes
 im-uniapp/static/tarbar/mine.png              | Bin 9325 -> 0 bytes
 im-uniapp/static/tarbar/mine_active.png       | Bin 8559 -> 0 bytes
 im-web/src/components/chat/ChatBox.vue        |   7 +-
 im-web/src/components/chat/ChatInput.vue      |  20 +-
 im-web/src/components/chat/ChatItem.vue       |  11 +-
 im-web/src/components/chat/ChatRecord.vue     |   2 +-
 im-web/src/components/friend/AddFriend.vue    |   2 +-
 .../src/components/group/AddGroupMember.vue   | 311 +++++++++---------
 .../components/group/GroupMemberSelector.vue  |   2 +-
 im-web/src/components/rtc/RtcGroupJoin.vue    |   2 +-
 im-web/src/components/setting/Setting.vue     |   2 +-
 23 files changed, 182 insertions(+), 193 deletions(-)
 rename im-uniapp/static/{tarbar => tab}/chat.png (100%)
 create mode 100644 im-uniapp/static/tab/chat_active.png
 rename im-uniapp/static/{tarbar => tab}/friend.png (100%)
 create mode 100644 im-uniapp/static/tab/friend_active.png
 rename im-uniapp/static/{tarbar => tab}/group.png (100%)
 create mode 100644 im-uniapp/static/tab/group_active.png
 create mode 100644 im-uniapp/static/tab/mine.png
 create mode 100644 im-uniapp/static/tab/mine_active.png
 delete mode 100644 im-uniapp/static/tarbar/chat_active.png
 delete mode 100644 im-uniapp/static/tarbar/friend_active.png
 delete mode 100644 im-uniapp/static/tarbar/group_active.png
 delete mode 100644 im-uniapp/static/tarbar/mine.png
 delete mode 100644 im-uniapp/static/tarbar/mine_active.png

diff --git a/im-uniapp/pages.json b/im-uniapp/pages.json
index dd86682..68c9b75 100644
--- a/im-uniapp/pages.json
+++ b/im-uniapp/pages.json
@@ -78,26 +78,26 @@
 		"backgroundColor": "#ffffff",
 		"list": [{
 				"pagePath": "pages/chat/chat",
-				"iconPath": "static/tarbar/chat.png",
-				"selectedIconPath": "static/tarbar/chat_active.png",
+				"iconPath": "static/tab/chat.png",
+				"selectedIconPath": "static/tab/chat_active.png",
 				"text": "消息"
 			},
 			{
 				"pagePath": "pages/friend/friend",
-				"iconPath": "static/tarbar/friend.png",
-				"selectedIconPath": "static/tarbar/friend_active.png",
+				"iconPath": "static/tab/friend.png",
+				"selectedIconPath": "static/tab/friend_active.png",
 				"text": "好友"
 			},
 			{
 				"pagePath": "pages/group/group",
-				"iconPath": "static/tarbar/group.png",
-				"selectedIconPath": "static/tarbar/group_active.png",
+				"iconPath": "static/tab/group.png",
+				"selectedIconPath": "static/tab/group_active.png",
 				"text": "群聊"
 			},
 			{
 				"pagePath": "pages/mine/mine",
-				"iconPath": "static/tarbar/mine.png",
-				"selectedIconPath": "static/tarbar/mine_active.png",
+				"iconPath": "static/tab/mine.png",
+				"selectedIconPath": "static/tab/mine_active.png",
 				"text": "我的"
 			}
 		]
diff --git a/im-uniapp/static/tarbar/chat.png b/im-uniapp/static/tab/chat.png
similarity index 100%
rename from im-uniapp/static/tarbar/chat.png
rename to im-uniapp/static/tab/chat.png
diff --git a/im-uniapp/static/tab/chat_active.png b/im-uniapp/static/tab/chat_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ae1599b77162409761b261ccb43e083c63683e8
GIT binary patch
literal 5647
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

literal 0
HcmV?d00001

diff --git a/im-uniapp/static/tarbar/friend.png b/im-uniapp/static/tab/friend.png
similarity index 100%
rename from im-uniapp/static/tarbar/friend.png
rename to im-uniapp/static/tab/friend.png
diff --git a/im-uniapp/static/tab/friend_active.png b/im-uniapp/static/tab/friend_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..a033da3e2666430ed0986d168afa2f4d687e65e5
GIT binary patch
literal 5124
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

literal 0
HcmV?d00001

diff --git a/im-uniapp/static/tarbar/group.png b/im-uniapp/static/tab/group.png
similarity index 100%
rename from im-uniapp/static/tarbar/group.png
rename to im-uniapp/static/tab/group.png
diff --git a/im-uniapp/static/tab/group_active.png b/im-uniapp/static/tab/group_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..733e2a80f3984f5af2328a8be4535992f16577a9
GIT binary patch
literal 7803
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

literal 0
HcmV?d00001

diff --git a/im-uniapp/static/tab/mine.png b/im-uniapp/static/tab/mine.png
new file mode 100644
index 0000000000000000000000000000000000000000..06dcc7f92d7e1ee46de5417c7e0df810606acc65
GIT binary patch
literal 6342
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
T9|k7>m;iJ%3=j?K52F4DSRd?z

literal 0
HcmV?d00001

diff --git a/im-uniapp/static/tab/mine_active.png b/im-uniapp/static/tab/mine_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c73eacfd219b85cc65bc50606ca2bb3eb7fb633
GIT binary patch
literal 5902
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

literal 0
HcmV?d00001

diff --git a/im-uniapp/static/tarbar/chat_active.png b/im-uniapp/static/tarbar/chat_active.png
deleted file mode 100644
index 4050f4613d2698670edbd9c86978f5b9fbebd623..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5689
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

diff --git a/im-uniapp/static/tarbar/friend_active.png b/im-uniapp/static/tarbar/friend_active.png
deleted file mode 100644
index 3402ded642434ca3d93e47162b9a0b5a44fad2e9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5072
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
Y>m0Hc>U7dai4O2uUR|zK#w_sv03tJ->Hq)$

diff --git a/im-uniapp/static/tarbar/group_active.png b/im-uniapp/static/tarbar/group_active.png
deleted file mode 100644
index b69ca7e6ab7fc19f0fde8190c26b93e307fe3944..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7842
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
T>#ZM>&Nvz>y6}1>o7n#WHR9|y

diff --git a/im-uniapp/static/tarbar/mine.png b/im-uniapp/static/tarbar/mine.png
deleted file mode 100644
index b51be26214e922b761bdd8cf383d9d4b9ef844b1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9325
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
X#LH`TS$W|5Lx6#fsdj~?Q`G+hs#D5q

diff --git a/im-uniapp/static/tarbar/mine_active.png b/im-uniapp/static/tarbar/mine_active.png
deleted file mode 100644
index b0ad923e67e2f12c5ed8acc2974cdc2c93f1ec26..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8559
zcmd^l<zG}$*Y+7^B!>oR38ix+B?m;2R!Zqmx}|f5ltyXkk`z$s4hiW78Cs+}hvpsc
z`}y+z3(xcEobx+-ueJACYhQa^*V*AO)f5QvY4HI7AXI!IuK@rc%q<AO#l~C=-WOT?
zdveiGkORtx=r;j?2~d=m)$%mj%^<F$*Y>(=-M70nVe+sf&k0kseMUfbb=}Ez#81Kc
zi!p>nxZZ{Q4`Wpz#Surg{8RT~JKRUYa`*hRFBFvm-dVb6mmIQ3oKxY7Opf&g!dX#D
z@)3Xc?BrM;&3Mh$qeK6)HF^xq$e@RInyw_JanU|QUW>zC>y4FyE<+@LA3}oRHh3>>
z1d}^MkR(WIBt-zp3m6E7q)>0k=Yw<t`Pjkm2)r;*zUL9E8#5C&lQ0uRLj?|H>Wb$t
zCIG>JVi5C3Gb}TJGt*bm5H}3;f)F==f}8~W;_$EXmK+=kw}Ip4ry!}}5$whqRG5Yu
zU^%8PjAaeUi?{|767WY_5-d(OChU)YdXpzYFhiI?{_h#WMn`WJA}EW%sCyLGNyzE|
zQGv5!1$+Rxa<qL2aHi(Cz5`M`kOwSqeyk>NTO^Ym_R4D$yU>uqsdsipXqv{ckUEWw
zIBGbR%3TkIy4R<g!SZ{)Y@l_}c_q=8Q%0!WuQw<2KkL@pCnMb5t>`!1qc9<eBHeH&
zcKKA&l5>BFo=rLf*YfdOo5mjMG8q;-%WjYG%?~sL==r=K>anZmk9B-7J*qyeq?{b}
z$vPfBF-aF>3)&)*tBb{IP#=I(y^(Y^0}fL@yvp0q)E_1?F?_DFyy>?iqteta=cKQw
zdgs0qr0Rt<17LiB<z}1RkFWjIPG<BLKSyv6#Bd#slT>{K!Ve3XEnrCMp&yl1?<IK*
zh(@|#(2DSno`hI)TfF^JDEYV6W3rgsU<kHFo%XbJlGol$8AEez0qA`0cIGgVK*f$%
zS+m(GYgMDqn36ji#@lC^p7}FrNV^%p-uWnBE#y01QgsLS$=qx)DBsu*W9#y(c&<Tq
z%}|kZ_q`F;!YfqD)Vm^`H>CxRqYlg+HJB8&lF+yzx;nZw{@L-~f<AAt??pYK{4j|p
z0a%~p;65@F53bLqHzn9sz8vH@7Bw#`Fpf10c(U=N%C<qV2Z3W1K<as(O+@$s1r`q{
z<!*(I2&rxwX024w6sdW*Os>Q~zD`|5x>d(4yciF-I?O=aGQH8xTjbq*UFlA<%JnDd
zU)!jWuR-^0uAGG-#*kyX%B0gtsHAG=qAYS>^~r?4$)IpmGsBI@*2<qmNw;+(1QAbq
zyNV_0L1;~s!ifp?)EC>y3FE3SGMn;|n5A>S;4CbZ`1aH!bJ8ppY|;|KaSZR>^(yLW
z(X&~2{o9?(#hxgv91tk`G8Fb;xGj~PZG`MuUbh+Wye^fhc7JJIzbw`5xMBN8tDSV}
zS#3JP{xn*a?G0pPmG_hn(^h&M)3%^9b)<H6i9LbZ)kW7FF(!}ub}Ik1w)&$37J<vu
z2U;rG)~*GFU4TkB&6d9OInAOucU}G00>5#m4d+C3NdQ{Igcoahpa6@M+zLO<`XLO^
zG{e4}BJ%f-600oH+PP2&Vt&iM+wXYAq`7N@T(F~0PeH;Sk7NIHEp%E&e+{`t;xZZ*
z?igDWQQ6M;uC`{<7+Wl5bO%J>Q9l&4X2Ld+Q`VgQ)4pi@e%CAYsc^!Ri!HgAPMmOd
z;)pOCiUR_b6J=x;c;m^-gGKsV@^+W|Y}fhu-bPk#bE7CU<@G6aK={E^l{V_n4qzBy
zsFB*x{=rvZC7@vMnA`!K;P-j$C82rqJp?7__2;vnZQ#xWn`)`WJ>%Q0#nhVVQHj1*
z!l>A7D+Q~t2VYJ5>Al|kN|`Gn>;zE#<Z7l%E`yTGJp++_U30u;p@Jua!ye6J#INc$
z3!Q6Kssh>;e;}`BZ#45ojq3x$97Krl+qs4_&Nz?V$8t$Az$`NL{M=54yu}Rl<=IJ$
z8&_j*m7!F#W|8D|pY>ffljOO6+S&+|Wa;cZ%*R;540@GPQNj)xxU)ks!WQ^#aa4+h
zr)qU*b|W7iN`;hOV!eAHVEB8b-d%sajq`lX7=3xtDi=Jf+;`jJA3vH{a2QGu#xt?@
zi>u>o0InZdA;rvENmaPCXxfmUZ0q^-LfpqiLQwh~iC<VZp9x1JH{8`v?d*il7Hn_w
zIKkr#A=94aH=lHRlFrI9>G0cSv3{m``3^#Gz?O-ISN`!L;wZIih?N-MAp@kPKEL3`
zfW78<>O$b116Ir1i4W$69BC2Mq@~<Rg2?+cL=G#bcESc9^P1y{1^KwCc4zhJ8yt><
z_^{l~KHgkC3icq7Ugn%VNA=v!pRC=)k}rz{If<UqCrWA8Pzf^WC~#qq(8`Ei^l6Y#
zx;2^}toJ*V-&_GZRBd6iNY#aVBZHPQ^JK%-6^^;{+^XILiQ15{R=?hKbVR**S=8sV
z8Z&@bt8HYjnZm)VtU7=_=&pEYZDG3OBT5x5g&Q2-vy=SbP{x}J&AiLBjq5{@=!54P
zV8JLsa$q-O|0X^u9VA3tVx(O7vi_;Zwu8kj8c)Y*&(pBk$n(_Y!=AL=(Xv4$(eOJb
zPvjCV(S{RCQ%Had-nUt~4+mj|J2{2KY3IQnnrD!y+OUn`)6`?y;lbW}vQlqwivL2h
z6`huqB}{Z>rtH=1{5XaPeAZUE_XkLtC4eEeCEf-v;Su{&gR9BGGguXpqfWEYk0hOq
zpK-K6SdIgGgkJQ7@;dH}&WC#OG~%o=joxM;?TK>fK2xMjPKNOfE@GwrEK7*4DIUE)
zZKy=w5>WIPHMlP`V)xN-L=Bo9t_WS6>`5Q>=ZfJJ<G0?vc*@gUvPE)S2%=wv6da5_
z?bSTHwm=c>vA0cO&)3LTyZki_Zm2rj>;wir=e*W#$+^iLx=$3yCTHste>_pCNknLL
zYE2R{yrd3eKz^2a#kbaCg5sNy=rb;CtbBPcH}<11V{t&t+TkI#iP+Wh{TZK>YV^w6
z-1t8&(aA)CIT8=127#=SyhY=u^aK2qg^4P&gbw`O*I^Egc=C=-3g)U=Tob!3+-_z-
z=r}65!l=D7m3!t~XLvBAan*gWhx6R_XSHNE9&F9?*_BVhZo1s+{rTwU;nuH;Q|!H-
zeX)*GoQecd4`t?EI|ew%Jg)?mK4<T?M;k@gJ!JLsLg0~?M^fzZn_Q=s4P2NDpTgqZ
zpEeS@)REepB&`HrNt$Qbjv-LhW&k#&iR<O?j(1o3;|=LoV+*#mt>KS_E0aA*7MF|X
z6jaIGjwtWt2C7M1&}2Wg&Uy}QLne=I${b2aC0^yoqQm3Gx6ld!?5Vr-@>84zrML{*
zPZ(5WMnI2bz^)wOpp;j%IuapU)1ayPvFof%+dFH`phsUn<#DYCZEjzhj!R{x85UJA
zYKY&vn+A-i=3`ox>t|XcrovesF<AnsZUV2R5O3I0PUv5(*CQInT`C!;cEk@KD`-cU
z=#`}5k`4*XYjtvJ-GP=i+_0k<gl(rk-E4(XxveNxszKo{XBob$eoSNf$HUj4ij+qE
z%I)%xGzRp9$2Sq{sOODfiHkltlHJ*DCn1{wD(|kjW<yZTPsK2h6_z``f1UrG27}kG
zwr(Q=rtMZWpG#vzL$eo|efo_=FvIpo&(a)a`rviWmhI7H?mB8sg4ou5LG>{V7@ToU
zxD%pQu>FPDsIR#o5D*fNY3%%K<5xForEBh1Uf2{@qj~U?AfQm;J(Jy8!hGg*k^)hZ
zT>v$*`+BgoefS=~Df}s|k@iJG;f}T*ijSO7T4X@8qY@~q23M!L+1<HGsc)J&B_M>U
zv&KjDKbW8zhJRBs*ry7c0koC-9C!96*O8$V)u_F<R}~TljYV#kDsdK`pifh8TUDmC
z%_m**9Q<7>Zf;<o2RhlSPl9WG`fiJpM7mgDKy<Iikv~6fW~gi0I!c$&@U=2DNeQv&
zvMZ=!B6d%vsb-9PCUn{JStEV1ay_QD&I8f|?{tCwhhOAleYk9I@6Y{;iD%u=)>nTt
zWX1dE``N+v6z}j&vO{Q0i8S__F70I!nqz|c;UO8u7boUJnG3MgX0UX4DD_F}=k=E-
zpHP;>3ZB>flK)(B5>cPV;`TF8dKHmIWBF_g&%?7%#D7QZ$08p&CPpen?UR<A4W^kf
zB@6g#t<l}e#9j{W?o|#ia%{Wrd}^7hJ>I(NhKj=gLOr#1Vt$~7R|B<5fMhvdR9~u_
zL^CZpZdK*X^E2u;+{WJOE7&@f9u{WWwi*@=3)yx8LKcghS_sfV8q1fcSnp>NzRyy8
zLo*kr8%%oMWxUpr(z96pdlQR1ShZ?930}9zLj=luOibcqrnTvYf9nVgM8#pNSXS^`
z3>rC8PFe@v?QtxE^F+Dsu^DLSoNaL!o};}kwsh|w)(Te*W45Rs+6FCUjN5|6-YYQE
z-`sqfz5%_`g4D84v0Fmzh-rVPo~6QZtm>OO+UW<eogGD<&m_FbKmCen&}YKVhPA5Y
zTt04#$8;+(pDx*)&2_cDXl%#IoXoT}&i!c~fI?}mM0JZ3pjPW=dd2+;bRS|mU8%J%
z=2ZUr^1L-;uEJt>Y~wLy+=A~ZJ<F|*)(`orocww|4AF`xm|5%sggl>I^f|&Qya?f$
zGK_fRx|baiCaSpTW4hCyZHOdc(U+gHfLB6;w|v;y?fsnRcO}(r=IXn#&8y>CqZq?v
zH&PU*>eH(%CO*mvP<T*b-t|?xn4nT$wNy`Hh0iJZtA?s;zw#2begVhH-f0*6GQEUZ
zq`1(ju-?dN<F?wDvp@HB1KeMN#O`IemB=juRUWuWH~~U!ksvGhnE#V!`0iL!ZNhSY
zD7c8h6o(B?3mf(Iny!~g3IT2$oBsm(W>eZ<Nj{6GcxTbp^)qdFd<7rmaKq;U=GVq;
zQGNC@p$opt%YaFj%!V`rlJoMow5#mr$;ELe_ph}f2HO1A*wV)CyQOXczuub|YIy%k
zEVZ9>Mxh>9xzaLdgR49F@Ue4rj$pvjn4b)e=fmHZxqG5_Mivd*1Wa^+R*9dfk=O;x
z&3hdm0$60Kb!YHyj*ISdQUt(2H?t8z+Xm*!0)!oyCHzq?eD5b*!!s40_VII5s_KKj
zF)$Byb`R%VnB2B5fK|>}f3|4t&ixpSh0V`+K|EX?3)>K{*1$kd@pKC%hs3BAnQ**e
zQ(WQRobIHamASX+C{Ns;2IfNzSvoFcDF>hGy-z*YQ)jsRnxrGI2T?H^w9s`uYY5!w
z&j#y2;UCD5#GKN9S<7!_mDR3I)mQf>#v)!sBJ;Rv13BNv%CgvHMeKYkrQDs^5?jT9
zMiABp_xU!>h*$Bd_;589wJYx!E>`osyJW~l)84i%2KK9g$%mLM?XiBjS~nSj%aUnB
z5E4ww>}jj0dQ~rrX0eB7SA5&mdVY{i#AK$Y#bx0*IvVlZ{hmlkKxERs=U}E`W3~S*
z`5~1O7aA`QByW(6+{^oIy7J%6H0yqXH{>rA9y`umBCUOcEtpj}YDcHurr)o;J4mbd
zNr*|{4z)!W1pSZ}A-}(`P&cf3R*$8bh2bmGrLyJ~v~^LxFI!Uw%h3it;RQPH+;FMq
z{6o@j(~>_@Bbh66RQUoCI2#<%1;eK5yO0^y7eQJKiWMc9F9!7XsT0QU)~F*vLhWT0
zFE1p6$|tP*vRnBZXVkZ>o(aYw^RC@YPBxuP{}7rdN*F6}r}|-(ht#6bg)ft}@m*=I
zX=H&jtRASR4c?=Kw-es{->YSl@4ebhk4r5-?jV`x)65|UTfI+Z(7s_8xJ%S=>1fXU
z!H)@t)kh?z7{YnB|C8DV??9=%%&maQQ-KV_DSxoIisH@8N(mZj@mWlZJTWLqJzcH!
z`^Y(hh<l8yhT+5G-fB$ROu})L;1T4+i?P=Sh|V_aRKx40=j20MuRll?7OQ`;YdJDz
z6hJU!i*AFKgfr8w!ZLNVaQ@lPVe=-qZNwAsq~Rz#p8G1vB8h+85_so_y-@sw_g|^$
zsJr({wfPqj6BG7`nPSQuDfI)J@O9L5t(e_w5z#lcuml;G1@5&ZH`XYak`grg*~m}+
z)^k!|P;=^=!$shG82a@7hrN=um?KB<$_lok{nisMpRFxrt6EvQPkl7-E8Dh{Kql(6
znLdM;I+~2O2%+BX@Bc$qBIbVZo#0EMX{$*OWidICt@>=V@LG7_{F}Q+lyN0xy0Ol<
zhCSA?_GvKkBCEQd5D!BSc&TooIg{~`pem5r@2)vk{w5JY(+)5YBfN3sHPX2<-sJOf
zuk`2HW7ZDM`!+69C7b$CvB)aWKQfdQ+FPSt0qy_&YPRL(;5N--Ygc5V+q0*#^uGjT
z#k{f86H#o1aFcwyU+}#PKuM;>9AQKl!Gie~75<yi=B;1rs<W)G9R06c9h3e;wTd6D
z(NCvz0pbFJF-MHR3Us_2yyj8HzvhoALKQC;n(mxg<}Bz1M}vgzK96I7`>_KzAuT30
z8*t}fsu~;F1AtUjcsKJiRbpg)`P^7Z?MvNf*$w-+^oiu7D>QG8r%H-j1y(sPM=|{0
zwMg#rXi}QZXj%oWaz6G~aVoA+dbYCq^O>`4CEPya`-d`pT-N|+yY~ll|3hv2Uv3xm
zb(u80eOF2HB=%f=xpne$7`trK<IUN~4+K6~6Xh(qGNPS0zuFz62C6W14JYiWpK;5P
zEL#KlfT=89&4a3l3YP4|Rr47H%t11S5PSL<XNqN>wHZg8#e9P^vW#H0s<krS%IH%@
zbYZEtN5Y+mSxcZSqZRDC;qpvdCzY|07rNwO^@7ISA5T?L#<^~SCaaSSUm|G&aVI#I
z)G+;=wCPbk|9s`&kwsyKk3#f`82t|i|6RHFEg`wU#e0huEaVqK`4eW?@BTcKhDHl>
zC1-sd$toYmZ@Ah0c}J`yo(GmBU=`A|@$t%~rMqxa`B(OP`)0tPbLp%SXXe4XC1Yjz
zWI+ML!tDb%E^*j_peIjMljKNIBvne?yU9Qe>lxQwRYA8uut~9!_u^RTM7bk7t~GlP
zS|A$xeF{OP%t5k*H0|G${4zAEdW6(Qr`a*9rJ&F02)rL)&I?+}-{4c=KG~SM;!d#&
zqRhrXqOt{Vn&z-!`^<pao$tp}KBPL%fp~Lf=&*BY)BU49>R<&DNPqL6s=Er&@}lP$
zxE(R`<I$Rp{XN)D7ToHSC!M-}@vvdk{^^N?g+E2G0^Sr`M<ku{RuNUM+}Op{oGk*O
zV$sog+~!G)JjfP37qWK$<TXA>-mB+do0=L?$WDl)Q|tnwoT4ev#aqt?aEWh6seoPH
zHH(-K3)Bw5F&+?0azKF#26-Zp0e8(WM88>fFzdrswZZW<genlW!QTuJLEZx>(y}9$
z1~OnW0u>mBjJ%DoUflN`Ph#`-j>GL&=JJVE<R0DoH+*^F0pp$Zz}`2YrMId=$!xpq
z-%#E(k<(@0xOev(8ht3h0_lrheOXW2@XfA6Ovm|>6*4PpKO$TgRnBR^k<;7~264QM
zsu(3MHCyg;Jh}oz=zlDF4bA*s>yC0D89iVS!mp(fw3!O@+;6A$ds!p!BB+4YgeI~%
zxB17-TMx@v%w~K{>!3XtMF}04{21H#?oL1QX*-lrOqIS;UdWEmhqwjil3JjOMEbMv
z7-8g~=&N^~k^l@DhPS2Pu=}XSbI^+FQm7^Q&nxVoh3pX9bJ_G}QwFER_XoylPLZ(Q
z_Z!T)MIGi#)&jg-RF&vx#W#2ik0Rd6joYaI4nm*xUaoC4cb&qmiG%XdEEUk$@`e0i
zXN5nE4P8AR9{DbtRjQDafn>O7(%jbzX^4Hq<DvOqH1LcWXRX!e0=?YLD+cus&Bo73
zpL6*1xs%0@QQzajb^@$^qHm%{g?a_@$f$jr#I&M}h9K8<e^CfdAv7ro_;&>@2I2D{
zO<zm{HZq)*{G#asHUvS~w`Du1o>=`b7~LDFiKkq8U@J}Ac3!JBM0ddE9O;y+3ba*7
zPD_g~ctxqYY78!erAsa)Q-~d-3|cOG3g~BrBf5P_Zx%FX9-@TJG_DkzL1HDBWGU?I
zZdj~)qqy?vge1*7#XHQ_7AZDhCkz4Gc34s6F}s1Qr1tBGqMfjU!Xks3x?EhABYL#_
zHEe;Hl3U2YKDFOewZD4752v`qlZ|6)X>kLL=GNO+EHzp%23%^bKCsXm!ChV&-y5|5
zGn=XV$w(Y-;!1APUA>yy+yn;qH1to<Amb}INGNHCBDzoW-V7H(MDYVg*^@cXXMdzx
z+@gL!1l1EkCu^kyVRg%Uu=gEVOG+a6&4((2uZ(rgrSkU3c+{dnC&l(Xj{^_BWK^gg
z_$qGLKOAX;;I^{9aZxH+@2w%ET#3<m3&b3?Vs~F{4Tq$od+MG`Q0qM<ubb993t^xa
z6EQ6804|SiEmNHQ?243`4w(e{9Hq^CYqY8y!xXYJB6GJ1+j_4oks~HqVi%K(^<zp(
z!+8_H+nCo?t;q>0so|BSgiHTXX@_h)53)v}^w#m-SZM_+y+gV#g!cP7WQO*DTF%iu
zWUle=(XvWzFKaUD)o|I|G|9wfjmo^v-i9fFezlb`>b7$*3?j(~dEN{iI5Db7+3kD%
z$?XehKzo?+^RnV1&Ow25F&m9g4ulrfR`8VLD%pd}n=>a|7~059h!OFO<7&@b^^0R%
zq=V@s%@OYDc~(~khL(U@%MTKH4`DV|^!2RKGwaQ71pD}|i6Db2-yYku9aJ?b)8K2J
z!Y}Vx)%~#Yr09{1UVS3I5<hN#t>o-*fvNp+VttQeG3ESh%6yGUkuB6@V-_*24w5dJ
zjZizHvBk=Bcy#o}e)f#~(lPbo!}pjH@)fsekUZ~kqUEjlE9uRh_}+$+uig$jp*xKo
zz~9+cIwhF@6Ozz{r=BApzSmof;@xmbkhB&JvTWgl!!FN~jqfa;F>f(r1zAQDMilD1
zlPEQTpi(D-7nVn}#zeE<S=)xEtkA|Mr4KXdW}Rmx^#1&d&@}Q}Zu6UbQRZ*SZ5&jP
z|KQ2v-mhf#fD5I1pVR5$-%pE=l1*~oB66S4)Shso5+`^tFPr=Bs9_yF{;Llm;wss<
zUBG{dA`$Vz_dW9e1Wo|X?hzH^$^$uLe>n~I%v)bmQ{*b@q($<eRc(6ROy`2@Gk>(k
zbq>VY0wG)2$VGjshB>sd884fd#bv>|#jvs&R=5zd<<FU}L8(-d{1TZ<2c8h>g;>0o
z3#ZKKVZM2?3OEe4`a1JURgZy<XCa7yr??T9ee55}$3>EFzm877W8bmbN^(N{sXtRx
zRAzI=UgBX$A?&|&emZirn^i@-lj#|>B;+_#g%h9f@((my{Q}VwrOt}?qcfEVOa9zI
zaVASmqef8($^O|{Md}w%#fh56uAAXkdC!vkowxA`Z*rkbM<+6he_5x>ACU;O+WNuJ
zLHUo8Ilv!1u35i))gZHM-X84imrU$u4}s@G+g{z?n526N7}OsnCj@Taid`@d4-Tp+
zWro9$7oz9&ORSIlagy>WLOW+9LAe<pk|$pA3oZWqU9A!Y8qiE6;3@DSmVdZ-^Y%5*
z<G2SPwk__`uZ4vVjJ3`FnYIzQweWTB-H?NCb6Z8PqZk#jN;|3Hjthu5tG~Ogp=ly)
z0ZpC1Ss_HyIOg4&t7eZKaM(J4A<bd6Cm8kSV<f`x{eY`B?J1+wqO1h*e0B_q2CYSI
z3LGa9rJLzaJ-zyw;CNS;tkbYU5V$mP+Fu|=?|~mKfHcx>PET>90clQMcQ)5(FffuE
zzS5b|Um;>9#a^PgmH-UsJyOWBNPfq{S@<AqUBE46+o6V$98)G_D>FuVtNu)Xg=W8{
zD9#LUTNtMBs3J2);dz!bT&-}Qf%slZSWb9O3*y|5H-M;IEmPiI3kq4U=?R-Fr$3Bt
z2A%NEdz0yZj&=^^_>LFg4dE!tFwhf`nrr5&$@)!)nf*Ts`JI&`0571KpG*n~5nM}*
zbVsCvx)y+R-_v*|=?%l3_f!Hy=7}x8x5^bw8^*XT93upy&*_jQbGQZS-88wKY>+K7
zrj}mKdhQh!_A~5}*9X&r0-{4CtRl?7#0(ex27mooli0XoAm}<QVEhmCl^Hn};SliP
zM2l~#n$8EaLEN$dj*E=nc0f!x26MOq)XQa?q;5**y1Fxtk@{b+ddLyrmy<nhlG|<B
ztG(G`$%&mJ^2p4CxgBTc0#XE+<GdC7pn;TR^*%h^mg~#+Nlv8>gje4K-9}g*xes__
z@M<<pK-gmL5j``BB9dmd|5+ouhFDDCZ#oRAlQMbN{pk~w7b1i^A;G)a=Hl|beEysc
z-Y#>#-ePcXg5$-fD9!+EVH)&3*<K+eEJK$@1y@KN4$by*58};`TQx<hB{c%PfeC92
zY%ljIkfPoWdkI9ua~kMF8St;yRDtK^Nk0<0<xC`T1^($1`wwDs+<Ky#LBZkw)g!*7
zC2Rz@rI3p)O-?|4TXs;dW4-7@!I<pBM&Ls;@gT_$&RyCBj6V?s5RorMn`}oq->oeY
zFvGA%mUZLzLf~AO;-A?$x*KyYfZ^X+fc*C;R%>Pfd5o&ZCHsH)kNN+9ZlLWB$d#r_
V4z-KA#hjo36rZWdm&=(1{y(ECC2#-$

diff --git a/im-web/src/components/chat/ChatBox.vue b/im-web/src/components/chat/ChatBox.vue
index 81dce21..9bdd18b 100644
--- a/im-web/src/components/chat/ChatBox.vue
+++ b/im-web/src/components/chat/ChatBox.vue
@@ -399,9 +399,7 @@ export default {
 				return;
 			}
 			let sendText = this.isReceipt ? "【回执消息】" : "";
-			let promiseList = [];
-			for (let i = 0; i < fullList.length; i++) {
-				let msg = fullList[i];
+			fullList.forEach(async msg => {
 				switch (msg.type) {
 					case "text":
 						await this.sendTextMessage(sendText + msg.content, msg.atUserIds);
@@ -413,8 +411,7 @@ export default {
 						await this.sendFileMessage(msg.content.file);
 						break;
 				}
-
-			}
+			})
 		},
 		sendImageMessage(file) {
 			return new Promise((resolve, reject) => {
diff --git a/im-web/src/components/chat/ChatInput.vue b/im-web/src/components/chat/ChatInput.vue
index c451fe5..37be300 100644
--- a/im-web/src/components/chat/ChatInput.vue
+++ b/im-web/src/components/chat/ChatInput.vue
@@ -1,8 +1,9 @@
 <template>
 	<div class="chat-input-area">
-		<div :class="['edit-chat-container', isEmpty ? '' : 'not-empty']" contenteditable="true" @paste.prevent="onPaste"
-			@keydown="onKeydown" @compositionstart="compositionFlag = true" @compositionend="onCompositionEnd"
-			@input="onEditorInput" @mousedown="onMousedown" ref="content" @blur="onBlur">
+		<div :class="['edit-chat-container', isEmpty ? '' : 'not-empty']" contenteditable="true"
+			@paste.prevent="onPaste" @keydown="onKeydown" @compositionstart="compositionFlag = true"
+			@compositionend="onCompositionEnd" @input="onEditorInput" @mousedown="onMousedown" ref="content"
+			@blur="onBlur">
 		</div>
 		<chat-at-box @select="onAtSelect" :search-text="atSearchText" ref="atBox" :ownerId="ownerId"
 			:members="groupMembers"></chat-at-box>
@@ -45,7 +46,7 @@ export default {
 				range.deleteContents();
 			}
 			// 粘贴图片和文件时，这里没有数据
-			if (txt && typeof (txt) == 'string') {
+			if (txt && typeof(txt) == 'string') {
 				let textNode = document.createTextNode(txt);
 				range.insertNode(textNode)
 				range.collapse();
@@ -234,7 +235,7 @@ export default {
 
 		},
 		onBlur(e) {
-			if(!this.atIng){
+			if (!this.atIng) {
 				this.updateRange();
 			}
 		},
@@ -342,6 +343,7 @@ export default {
 			this.empty();
 			this.imageList = [];
 			this.fileList = [];
+			this.$refs.atBox.close();
 		},
 		empty() {
 			this.$refs.content.innerHTML = "";
@@ -366,13 +368,13 @@ export default {
 			this.updateRange();
 		},
 		html2Escape(strHtml) {
-			return strHtml.replace(/[<>&"]/g, function (c) {
+			return strHtml.replace(/[<>&"]/g, function(c) {
 				return {
 					'<': '&lt;',
 					'>': '&gt;',
 					'&': '&amp;',
 					'"': '&quot;'
-				}[c];
+				} [c];
 			});
 		},
 		submit() {
@@ -440,7 +442,7 @@ export default {
 						if (node.dataset.id) {
 							tempText += node.innerHTML;
 							atUserIds.push(node.dataset.id)
-						} else if(node.outerHtml) {
+						} else if (node.outerHtml) {
 							tempText += node.outerHtml;
 						}
 					}
@@ -554,4 +556,4 @@ export default {
 	}
 
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/im-web/src/components/chat/ChatItem.vue b/im-web/src/components/chat/ChatItem.vue
index 8f76091..414e35a 100644
--- a/im-web/src/components/chat/ChatItem.vue
+++ b/im-web/src/components/chat/ChatItem.vue
@@ -9,7 +9,7 @@
 			<div class="chat-name">
 				<div class="chat-name-text">
 					<div>{{ chat.showName }}</div>
-					<el-tag v-if="chat.type == 'GROUP'" size="mini" effect="dark">群</el-tag>
+					<el-tag v-if="chat.type == 'GROUP'" size="mini" >群</el-tag>
 				</div>
 				<div class="chat-time-text">{{ showTime }}</div>
 			</div>
@@ -53,9 +53,6 @@ export default {
 		},
 		active: {
 			type: Boolean
-		},
-		index: {
-			type: Number
 		}
 	},
 	methods: {
@@ -159,15 +156,9 @@ export default {
 				.el-tag {
 					min-width: 22px;
 					text-align: center;
-					background-color: #2830d3;
 					border-radius: 10px;
 					border: 0;
 					height: 16px;
-					line-height: 16px;
-					font-size: 10px;
-					margin-left: 2px;
-					opacity: 0.8;
-
 				}
 			}
 
diff --git a/im-web/src/components/chat/ChatRecord.vue b/im-web/src/components/chat/ChatRecord.vue
index c55719d..f219dd4 100644
--- a/im-web/src/components/chat/ChatRecord.vue
+++ b/im-web/src/components/chat/ChatRecord.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog class="chat-record" title="语音录制" :visible.sync="visible" width="600px" :before-close="onClose">
+	<el-dialog v-dialogDrag class="chat-record" title="语音录制" :visible.sync="visible" width="600px" :before-close="onClose">
 		<div v-show="mode == 'RECORD'">
 			<div class="tip">{{ stateTip }}</div>
 			<div>时长: {{ state == 'STOP' ? 0 : parseInt(rc.duration) }}s</div>
diff --git a/im-web/src/components/friend/AddFriend.vue b/im-web/src/components/friend/AddFriend.vue
index 0077988..f326981 100644
--- a/im-web/src/components/friend/AddFriend.vue
+++ b/im-web/src/components/friend/AddFriend.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog title="添加好友" :visible.sync="dialogVisible" width="400px" :before-close="onClose"
+	<el-dialog v-dialogDrag title="添加好友" :visible.sync="dialogVisible" width="400px" :before-close="onClose"
 		custom-class="add-friend-dialog">
 		<el-input placeholder="输入用户名或昵称按下enter搜索，最多展示20条" class="input-with-select" v-model="searchText" size="small"
 			@keyup.enter.native="onSearch()">
diff --git a/im-web/src/components/group/AddGroupMember.vue b/im-web/src/components/group/AddGroupMember.vue
index 7352390..6dbe7a8 100644
--- a/im-web/src/components/group/AddGroupMember.vue
+++ b/im-web/src/components/group/AddGroupMember.vue
@@ -1,174 +1,173 @@
 <template>
-  <el-dialog title="邀请好友" :visible.sync="show" width="620px" :before-close="close">
-    <div class="agm-container">
-      <div class="agm-l-box">
-        <div class="search">
-          <el-input placeholder="搜索好友" v-model="searchText" size="small">
-            <i class="el-icon-search el-input__icon" slot="suffix"> </i>
-          </el-input>
-        </div>
-        <el-scrollbar style="height:400px;">
-          <div v-for="friend in friends" :key="friend.id">
-            <friend-item v-show="friend.nickName.includes(searchText)" :showDelete="false"
-              @click.native="onSwitchCheck(friend)" :menu="false" :friend="friend" :active="false">
-              <el-checkbox :disabled="friend.disabled" @click.native.stop="" class="agm-friend-checkbox"
-                v-model="friend.isCheck" size="medium"></el-checkbox>
-            </friend-item>
-          </div>
-        </el-scrollbar>
-      </div>
-      <div class="agm-arrow el-icon-d-arrow-right"></div>
-      <div class="agm-r-box">
-        <div class="agm-select-tip"> 已勾选{{ checkCount }}位好友</div>
-        <el-scrollbar style="height:400px;">
-          <div v-for="friend in friends" :key="friend.id">
-            <friend-item v-if="friend.isCheck && !friend.disabled" :friend="friend" :active="false"
-              @del="onRemoveFriend(friend)" :menu="false">
-            </friend-item>
-          </div>
-        </el-scrollbar>
-      </div>
-    </div>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="close()">取 消</el-button>
-      <el-button type="primary" @click="onOk()">确 定</el-button>
-    </span>
-  </el-dialog>
+	<el-dialog v-dialogDrag title="邀请好友" :visible.sync="show" width="620px" :before-close="close">
+		<div class="add-group-member">
+			<div class="left-box">
+				<div class="search">
+					<el-input placeholder="搜索好友" v-model="searchText" size="small">
+						<i class="el-icon-search el-input__icon" slot="suffix"> </i>
+					</el-input>
+				</div>
+				<el-scrollbar style="height:400px;">
+					<div v-for="friend in friends" :key="friend.id">
+						<friend-item v-show="friend.nickName.includes(searchText)" :showDelete="false"
+							@click.native="onSwitchCheck(friend)" :menu="false" :friend="friend" :active="false">
+							<el-checkbox :disabled="friend.disabled" @click.native.stop="" class="friend-checkbox"
+								v-model="friend.isCheck" size="medium"></el-checkbox>
+						</friend-item>
+					</div>
+				</el-scrollbar>
+			</div>
+			<div class="arrow el-icon-d-arrow-right"></div>
+			<div class="right-box">
+				<div class="tip"> 已勾选{{ checkCount }}位好友</div>
+				<el-scrollbar style="height:400px;">
+					<div v-for="friend in friends" :key="friend.id">
+						<friend-item v-if="friend.isCheck && !friend.disabled" :friend="friend" :active="false"
+							@del="onRemoveFriend(friend)" :menu="false">
+						</friend-item>
+					</div>
+				</el-scrollbar>
+			</div>
+		</div>
+		<span slot="footer" class="dialog-footer">
+			<el-button @click="close()">取 消</el-button>
+			<el-button type="primary" @click="onOk()">确 定</el-button>
+		</span>
+	</el-dialog>
 </template>
 
 <script>
 import FriendItem from '../friend/FriendItem.vue';
 
 export default {
-  name: "addGroupMember",
-  components: {
-    FriendItem
-  },
-  data() {
-    return {
-      show: false,
-      searchText: "",
-      friends: []
-    }
-  },
-  methods: {
-    open() {
-      this.show = true;
-      this.friends = [];
-      this.$store.state.friendStore.friends.forEach((f) => {
-        if (f.deleted) {
-          return;
-        }
-        let friend = JSON.parse(JSON.stringify(f))
-        let m = this.members.filter((m) => !m.quit)
-          .find((m) => m.userId == f.id);
-        if (m) {
-          // 好友已经在群里
-          friend.disabled = true;
-          friend.isCheck = true
-        } else {
-          friend.disabled = false;
-          friend.isCheck = false;
-        }
-        this.friends.push(friend);
-      })
-    },
-    close() {
-      this.show = false;
-    },
-    onOk() {
-      let inviteVO = {
-        groupId: this.groupId,
-        friendIds: []
-      }
-      this.friends.forEach((f) => {
-        if (f.isCheck && !f.disabled) {
-          inviteVO.friendIds.push(f.id);
-        }
-      })
-      if (inviteVO.friendIds.length > 0) {
-        this.$http({
-          url: "/group/invite",
-          method: 'post',
-          data: inviteVO
-        }).then(() => {
-          this.$message.success("邀请成功");
-          this.$emit("reload");
-          this.close()
-        })
-      }
-    },
-    onRemoveFriend(friend) {
-      friend.isCheck = false;
-    },
-    onSwitchCheck(friend) {
-      if (!friend.disabled) {
-        friend.isCheck = !friend.isCheck
-      }
-    }
-  },
-  props: {
-    groupId: {
-      type: Number
-    },
-    members: {
-      type: Array
-    }
-  },
-  computed: {
-    checkCount() {
-      return this.friends.filter((f) => f.isCheck && !f.disabled).length;
-    }
-  }
+	name: "addGroupMember",
+	components: {
+		FriendItem
+	},
+	data() {
+		return {
+			show: false,
+			searchText: "",
+			friends: []
+		}
+	},
+	methods: {
+		open() {
+			this.show = true;
+			this.friends = [];
+			this.$store.state.friendStore.friends.forEach((f) => {
+				if (f.deleted) {
+					return;
+				}
+				let friend = JSON.parse(JSON.stringify(f))
+				let m = this.members.filter((m) => !m.quit)
+					.find((m) => m.userId == f.id);
+				if (m) {
+					// 好友已经在群里
+					friend.disabled = true;
+					friend.isCheck = true
+				} else {
+					friend.disabled = false;
+					friend.isCheck = false;
+				}
+				this.friends.push(friend);
+			})
+		},
+		close() {
+			this.show = false;
+		},
+		onOk() {
+			let inviteVO = {
+				groupId: this.groupId,
+				friendIds: []
+			}
+			this.friends.forEach((f) => {
+				if (f.isCheck && !f.disabled) {
+					inviteVO.friendIds.push(f.id);
+				}
+			})
+			if (inviteVO.friendIds.length > 0) {
+				this.$http({
+					url: "/group/invite",
+					method: 'post',
+					data: inviteVO
+				}).then(() => {
+					this.$message.success("邀请成功");
+					this.$emit("reload");
+					this.close()
+				})
+			}
+		},
+		onRemoveFriend(friend) {
+			friend.isCheck = false;
+		},
+		onSwitchCheck(friend) {
+			if (!friend.disabled) {
+				friend.isCheck = !friend.isCheck
+			}
+		}
+	},
+	props: {
+		groupId: {
+			type: Number
+		},
+		members: {
+			type: Array
+		}
+	},
+	computed: {
+		checkCount() {
+			return this.friends.filter((f) => f.isCheck && !f.disabled).length;
+		}
+	}
 }
 </script>
 
-<style lang="scss">
-.agm-container {
-  display: flex;
+<style lang="scss" scoped>
+.add-group-member {
+	display: flex;
 
-  .agm-l-box {
-    flex: 1;
-    overflow: hidden;
-    border: var(--im-border);
+	.left-box {
+		flex: 1;
+		overflow: hidden;
+		border: var(--im-border);
 
-    .search {
-      height: 40px;
-      display: flex;
-      align-items: center;
+		.search {
+			height: 40px;
+			display: flex;
+			align-items: center;
 
-      .el-input__inner {
-        border: unset;
-        border-bottom: var(--im-border);
-      }
+			.el-input__inner {
+				border: unset;
+				border-bottom: var(--im-border);
+			}
+		}
 
-    }
+		.friend-checkbox {
+			margin-right: 20px;
+		}
+	}
 
-    .agm-friend-checkbox {
-      margin-right: 20px;
-    }
-  }
+	.arrow {
+		display: flex;
+		align-items: center;
+		font-size: 18px;
+		padding: 10px;
+		font-weight: 600;
+		color: var(--im-color-primary);
+	}
 
-  .agm-arrow {
-    display: flex;
-    align-items: center;
-    font-size: 18px;
-    padding: 10px;
-    font-weight: 600;
-    color: var(--im-color-primary);
-  }
+	.right-box {
+		flex: 1;
+		border: var(--im-border);
 
-  .agm-r-box {
-    flex: 1;
-    border: var(--im-border);
-
-    .agm-select-tip {
-      text-align: left;
-      height: 40px;
-      line-height: 40px;
-      text-indent: 6px;
-      color: var(--im-text-color-light)
-    }
-  }
+		.tip {
+			text-align: left;
+			height: 40px;
+			line-height: 40px;
+			text-indent: 10px;
+			color: var(--im-text-color-light)
+		}
+	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/im-web/src/components/group/GroupMemberSelector.vue b/im-web/src/components/group/GroupMemberSelector.vue
index e3da675..7090c42 100644
--- a/im-web/src/components/group/GroupMemberSelector.vue
+++ b/im-web/src/components/group/GroupMemberSelector.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog :title="title" :visible.sync="isShow" width="700px">
+	<el-dialog v-dialogDrag :title="title" :visible.sync="isShow" width="700px">
 		<div class="group-member-selector">
 			<div class="left-box">
 				<el-input placeholder="搜索" v-model="searchText">
diff --git a/im-web/src/components/rtc/RtcGroupJoin.vue b/im-web/src/components/rtc/RtcGroupJoin.vue
index ad158b0..04a8937 100644
--- a/im-web/src/components/rtc/RtcGroupJoin.vue
+++ b/im-web/src/components/rtc/RtcGroupJoin.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog title="是否加入通话?" :visible.sync="isShow" width="400px">
+	<el-dialog v-dialogDrag title="是否加入通话?" :visible.sync="isShow" width="400px">
 		<div class="rtc-group-join">
 			<div class="host-info">
 				<head-image :name="rtcInfo.host.nickName" :url="rtcInfo.host.headImage" :size="80"></head-image>
diff --git a/im-web/src/components/setting/Setting.vue b/im-web/src/components/setting/Setting.vue
index 8147be0..30370b4 100644
--- a/im-web/src/components/setting/Setting.vue
+++ b/im-web/src/components/setting/Setting.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog class="setting" title="设置" :visible.sync="visible" width="420px" :before-close="onClose">
+	<el-dialog v-dialogDrag class="setting" title="设置" :visible.sync="visible" width="420px" :before-close="onClose">
 		<el-form :model="userInfo" label-width="80px" :rules="rules" ref="settingForm" size="small">
 			<el-form-item label="头像" style="margin-bottom: 0 !important;">
 				<file-upload class="avatar-uploader" :action="imageAction" :showLoading="true" :maxSize="maxSize"

From 10e10813415dcad9ab9c0ea2075b884cc986f802 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Wed, 21 May 2025 17:11:17 +0800
Subject: [PATCH 2/6] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../com/bx/implatform/dto/RegisterDTO.java    |  4 +-
 .../components/chat-at-box/chat-at-box.vue    | 12 +++---
 .../components/friend-item/friend-item.vue    |  3 +-
 im-uniapp/im.scss                             | 29 ++++++++++++++-
 im-uniapp/pages/chat/chat-box.vue             | 13 ++++---
 im-uniapp/pages/group/group-invite.vue        | 37 ++++++++++++-------
 im-uniapp/pages/mine/mine-password.vue        |  6 +--
 im-uniapp/pages/register/register.vue         |  8 ++--
 im-web/src/components/chat/ChatBox.vue        |  8 ++--
 .../src/components/chat/ChatMessageItem.vue   |  2 +-
 im-web/src/components/setting/Setting.vue     |  2 +-
 im-web/src/view/Group.vue                     |  2 +-
 im-web/src/view/Register.vue                  |  8 ++--
 13 files changed, 88 insertions(+), 46 deletions(-)

diff --git a/im-platform/src/main/java/com/bx/implatform/dto/RegisterDTO.java b/im-platform/src/main/java/com/bx/implatform/dto/RegisterDTO.java
index f298808..f6998e9 100644
--- a/im-platform/src/main/java/com/bx/implatform/dto/RegisterDTO.java
+++ b/im-platform/src/main/java/com/bx/implatform/dto/RegisterDTO.java
@@ -9,7 +9,7 @@ import org.hibernate.validator.constraints.Length;
 @Schema(description = "用户注册DTO")
 public class RegisterDTO {
 
-    @Length(max = 64, message = "用户名不能大于64字符")
+    @Length(max = 20, message = "用户名不能大于20字符")
     @NotEmpty(message = "用户名不可为空")
     @Schema(description = "用户名")
     private String userName;
@@ -19,7 +19,7 @@ public class RegisterDTO {
     @Schema(description = "用户密码")
     private String password;
 
-    @Length(max = 64, message = "昵称不能大于64字符")
+    @Length(max = 20, message = "昵称不能大于20字符")
     @NotEmpty(message = "用户昵称不可为空")
     @Schema(description = "用户昵称")
     private String nickName;
diff --git a/im-uniapp/components/chat-at-box/chat-at-box.vue b/im-uniapp/components/chat-at-box/chat-at-box.vue
index d4b7c30..8f7c257 100644
--- a/im-uniapp/components/chat-at-box/chat-at-box.vue
+++ b/im-uniapp/components/chat-at-box/chat-at-box.vue
@@ -20,10 +20,12 @@
 			<view class="member-items">
 				<virtual-scroller :items="memberItems">
 					<template v-slot="{ item }">
-						<view class="member-item" :class="{ checked: item.checked }" @click="onSwitchChecked(item)">
+						<view class="member-item"  @click="onSwitchChecked(item)">
 							<head-image :name="item.showNickName" :online="item.online" :url="item.headImage"
 								size="small"></head-image>
 							<view class="member-name">{{ item.showNickName }}</view>
+							<radio :checked="item.checked" :disabled="item.locked"
+								@click.stop="onSwitchChecked(item)" />
 						</view>
 					</template>
 				</virtual-scroller>
@@ -152,11 +154,11 @@ export default {
 			background-color: white;
 			white-space: nowrap;
 			margin-bottom: 1px;
-
-			&.checked {
-				background-color: $im-color-primary-light-9;
+			
+			&:hover {
+				background-color: $im-bg-active;
 			}
-
+			
 			.member-name {
 				flex: 1;
 				padding-left: 20rpx;
diff --git a/im-uniapp/components/friend-item/friend-item.vue b/im-uniapp/components/friend-item/friend-item.vue
index cd6627a..6983056 100644
--- a/im-uniapp/components/friend-item/friend-item.vue
+++ b/im-uniapp/components/friend-item/friend-item.vue
@@ -7,6 +7,7 @@
 				<image v-show="friend.onlineWeb" class="online" src="/static/image/online_web.png" title="电脑设备在线" />
 				<image v-show="friend.onlineApp" class="online" src="/static/image/online_app.png" title="移动设备在线" />
 			</view>
+			<slot></slot>
 		</view>
 	</view>
 </template>
@@ -51,11 +52,11 @@ export default {
 	.friend-info {
 		flex: 1;
 		display: flex;
-		flex-direction: column;
 		padding-left: 20rpx;
 		text-align: left;
 
 		.friend-name {
+			flex: 1;
 			font-size: $im-font-size;
 			white-space: nowrap;
 			overflow: hidden;
diff --git a/im-uniapp/im.scss b/im-uniapp/im.scss
index 4059c19..e5aefe7 100644
--- a/im-uniapp/im.scss
+++ b/im-uniapp/im.scss
@@ -102,9 +102,34 @@ button[size='mini'] {
 	}
 }
 
+
+.uni-radio-input svg{
+	border-color: white !important;
+	background-color: $im-color-primary !important;
+}
+
+.uni-radio-input svg {
+	background-color:  $im-color-primary !important;
+	border-color: $im-color-primary !important;
+	background-clip: content-box !important;
+	box-sizing: border-box;
+	border-radius: 50%;
+	transform: translate(-50%, -50%) scale(0.7)!important; 
+}
+
+.uni-radio-input svg path{
+	fill: $im-color-primary !important;
+}
+
 .uni-radio-input {
-	//border-color: $im-color-primary !important;
-	//background-color: $im-color-primary !important;
+	background-color: white !important;
+	border-color: $im-color-primary !important;
+}	
+
+.uni-radio-input-disabled {
+	background-color: rgb(225, 225, 225) !important;
+	border-color: rgb(209, 209, 209) !important;
+	opacity: 0.5;
 }
 
 .uni-section__content-title {
diff --git a/im-uniapp/pages/chat/chat-box.vue b/im-uniapp/pages/chat/chat-box.vue
index eebf384..d0a8dfb 100644
--- a/im-uniapp/pages/chat/chat-box.vue
+++ b/im-uniapp/pages/chat/chat-box.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page chat-box">
+	<view class="page chat-box" id="chatBox">
 		<nav-bar back more @more="onShowMore">{{ title }}</nav-bar>
 		<view class="chat-main-box" :style="{height: chatMainHeight+'px'}">
 			<view class="chat-msg" @click="switchChatTabBox('none')">
@@ -17,7 +17,7 @@
 				</scroll-view>
 			</view>
 			<view v-if="atUserIds.length > 0" class="chat-at-bar" @click="openAtBox()">
-				<view class="iconfont icon-at">:&nbsp;</view>
+				<view class="iconfont icon-at">&nbsp;</view>
 				<scroll-view v-if="atUserIds.length > 0" class="chat-at-scroll-box" scroll-x="true" scroll-left="120">
 					<view class="chat-at-items">
 						<view v-for="m in atUserItems" class="chat-at-item" :key="m.userId">
@@ -809,7 +809,7 @@ export default {
 			if (window.visualViewport && uni.getSystemInfoSync().platform == 'ios') {
 				keyboardHeight = this.initHeight - window.visualViewport.height;
 			}
-			console.log("resizeListener:",window.visualViewport.height)
+			console.log("resizeListener:", window.visualViewport.height)
 			this.isShowKeyBoard = keyboardHeight > 150;
 			if (this.isShowKeyBoard) {
 				this.keyboardHeight = keyboardHeight;
@@ -950,11 +950,12 @@ export default {
 		this.$nextTick(() => {
 			this.windowHeight = uni.getSystemInfoSync().windowHeight;
 			this.reCalChatMainHeight()
-			// 兼容ios h5:禁止页面滚动
 			// #ifdef H5
 			this.initHeight = window.innerHeight;
-			document.body.addEventListener('touchmove', function(e) {
-				e.preventDefault();
+			// 兼容ios的h5:禁止页面滚动
+			const chatBox = document.getElementById('chatBox')
+			chatBox.addEventListener('touchmove', e => {
+				e.preventDefault()
 			}, { passive: false });
 			// #endif
 		});
diff --git a/im-uniapp/pages/group/group-invite.vue b/im-uniapp/pages/group/group-invite.vue
index 2ffbe67..a0256df 100644
--- a/im-uniapp/pages/group/group-invite.vue
+++ b/im-uniapp/pages/group/group-invite.vue
@@ -1,5 +1,6 @@
 <template>
 	<view class="page group-invite">
+		<nav-bar back>邀请</nav-bar>
 		<view class="nav-bar">
 			<view class="nav-search">
 				<uni-search-bar v-model="searchText" radius="100" cancelButton="none"
@@ -7,20 +8,18 @@
 			</view>
 		</view>
 		<view class="friend-items">
-			<scroll-view class="scroll-bar" scroll-with-animation="true" scroll-y="true">
-				<view v-for="friend in friendItems" :key="friend.id">
-					<view v-show="!searchText || friend.nickName.includes(searchText)" class="friend-item"
-						@click="onSwitchChecked(friend)"
-						:class="{ checked: friend.checked, disabled: friend.disabled }">
-						<head-image :name="friend.nickName" :online="friend.online"
-							:url="friend.headImage"></head-image>
-						<view class="friend-name">{{ friend.nickName }}</view>
-					</view>
-				</view>
-			</scroll-view>
+			<virtual-scroller height="100%" :items="showFriends">
+				<template v-slot="{ item }">
+					<friend-item :friend="item" :detail="false" @tap="onSwitchChecked(item)">
+						<radio @click.stop="onSwitchChecked(item)" :disabled="item.disabled" :checked="item.checked" />
+					</friend-item>
+				</template>
+			</virtual-scroller>
+		</view>
+		<view class="btn-bar">
+			<button class="btn" type="primary" :disabled="inviteSize == 0"
+				@click="onInviteFriends()">邀请({{ inviteSize }}) </button>
 		</view>
-		<button class="bottom-btn" type="primary" :disabled="inviteSize == 0"
-			@click="onInviteFriends()">邀请({{ inviteSize }}) </button>
 	</view>
 </template>
 
@@ -108,6 +107,9 @@ export default {
 	computed: {
 		inviteSize() {
 			return this.friendItems.filter(f => !f.disabled && f.checked).length;
+		},
+		showFriends() {
+			return this.friendItems.filter(f => f.nickName.includes(this.searchText))
 		}
 	},
 	onLoad(options) {
@@ -161,5 +163,14 @@ export default {
 			height: 100%;
 		}
 	}
+	
+	.btn-bar {
+		position: fixed;
+		bottom: 0;
+		background: $im-bg;
+		padding: 30rpx;
+		box-sizing: border-box;
+		width: 100%;
+	}
 }
 </style>
\ No newline at end of file
diff --git a/im-uniapp/pages/mine/mine-password.vue b/im-uniapp/pages/mine/mine-password.vue
index a029d15..4b7f8f0 100644
--- a/im-uniapp/pages/mine/mine-password.vue
+++ b/im-uniapp/pages/mine/mine-password.vue
@@ -4,13 +4,13 @@
 		<uni-card :is-shadow="false" is-full :border="false">
 			<uni-forms ref="form" :modelValue="formData" label-position="top" label-width="100%">
 				<uni-forms-item label="原密码" name="oldPassword">
-					<uni-easyinput type="password" v-model="formData.oldPassword" />
+					<uni-easyinput type="password" v-model="formData.oldPassword" maxlength="20"/>
 				</uni-forms-item>
 				<uni-forms-item label="新密码" name="newPassword">
-					<uni-easyinput type="password" v-model="formData.newPassword" />
+					<uni-easyinput type="password" v-model="formData.newPassword" maxlength="20"/>
 				</uni-forms-item>
 				<uni-forms-item label="确认密码" name="confirmPassword">
-					<uni-easyinput type="password" v-model="formData.confirmPassword" />
+					<uni-easyinput type="password" v-model="formData.confirmPassword" maxlength="20"/>
 				</uni-forms-item>
 			</uni-forms>
 		</uni-card>
diff --git a/im-uniapp/pages/register/register.vue b/im-uniapp/pages/register/register.vue
index 553c340..163d4b4 100644
--- a/im-uniapp/pages/register/register.vue
+++ b/im-uniapp/pages/register/register.vue
@@ -4,16 +4,16 @@
 		<view class="form">
 			<uni-forms  ref="form" :modelValue="dataForm" :rules="rules" validate-trigger="bind" label-width="80px">
 				<uni-forms-item name="userName" label="用户名">
-					<uni-easyinput type="text" v-model="dataForm.userName" placeholder="用户名" />
+					<uni-easyinput type="text" v-model="dataForm.userName" placeholder="用户名"  maxlength="20"/>
 				</uni-forms-item>
 				<uni-forms-item name="nickName" label="昵称">
-					<uni-easyinput type="text" v-model="dataForm.nickName" placeholder="昵称" />
+					<uni-easyinput type="text" v-model="dataForm.nickName" placeholder="昵称" maxlength="20"/>
 				</uni-forms-item>
 				<uni-forms-item name="password" label="密码">
-					<uni-easyinput type="password" v-model="dataForm.password" placeholder="密码" />
+					<uni-easyinput type="password" v-model="dataForm.password" placeholder="密码" maxlength="20"/>
 				</uni-forms-item>
 				<uni-forms-item name="corfirmPassword" label="确认密码">
-					<uni-easyinput type="password" v-model="dataForm.corfirmPassword" placeholder="确认密码" />
+					<uni-easyinput type="password" v-model="dataForm.corfirmPassword" placeholder="确认密码" maxlength="20"/>
 				</uni-forms-item>
 				<button class="btn-submit" @click="submit" type="primary">注册并登录</button>
 			</uni-forms>
diff --git a/im-web/src/components/chat/ChatBox.vue b/im-web/src/components/chat/ChatBox.vue
index 9bdd18b..3599749 100644
--- a/im-web/src/components/chat/ChatBox.vue
+++ b/im-web/src/components/chat/ChatBox.vue
@@ -3,8 +3,7 @@
 		<el-container>
 			<el-header height="50px">
 				<span>{{ title }}</span>
-				<span title="群聊信息" v-show="isGroup" class="btn-side el-icon-more"
-					@click="showSide = !showSide"></span>
+				<span title="群聊信息" v-show="isGroup" class="btn-side el-icon-more" @click="showSide = !showSide"></span>
 			</el-header>
 			<el-main style="padding: 0;">
 				<el-container>
@@ -321,7 +320,7 @@ export default {
 			// 邀请成员发起通话
 			let ids = [this.mine.id];
 			let maxChannel = this.$store.state.configStore.webrtc.maxChannel;
-			this.$refs.rtcSel.open(maxChannel, ids, ids,[]);
+			this.$refs.rtcSel.open(maxChannel, ids, ids, []);
 		},
 		onInviteOk(members) {
 			if (members.length < 2) {
@@ -699,6 +698,9 @@ export default {
 			handler(newChat, oldChat) {
 				if (newChat.targetId > 0 && (!oldChat || newChat.type != oldChat.type ||
 						newChat.targetId != oldChat.targetId)) {
+					this.userInfo = {}
+					this.group = {};
+					this.groupMembers = [];
 					if (this.chat.type == "GROUP") {
 						this.loadGroup(this.chat.targetId);
 					} else {
diff --git a/im-web/src/components/chat/ChatMessageItem.vue b/im-web/src/components/chat/ChatMessageItem.vue
index ca3679e..b28109d 100644
--- a/im-web/src/components/chat/ChatMessageItem.vue
+++ b/im-web/src/components/chat/ChatMessageItem.vue
@@ -253,7 +253,7 @@ export default {
 				padding-left: 5px;
 
 				.chat-msg-text {
-					display: block;
+					display: inline-block;
 					position: relative;
 					line-height: 26px;
 					//margin-top: 3px;
diff --git a/im-web/src/components/setting/Setting.vue b/im-web/src/components/setting/Setting.vue
index 30370b4..6bc8f8d 100644
--- a/im-web/src/components/setting/Setting.vue
+++ b/im-web/src/components/setting/Setting.vue
@@ -13,7 +13,7 @@
 				<el-input disabled v-model="userInfo.userName" autocomplete="off" size="small"></el-input>
 			</el-form-item>
 			<el-form-item prop="nickName" label="昵称">
-				<el-input v-model="userInfo.nickName" autocomplete="off" size="small"></el-input>
+				<el-input v-model="userInfo.nickName" autocomplete="off" size="small" maxlength="20"></el-input>
 			</el-form-item>
 			<el-form-item label="性别">
 				<el-radio-group v-model="userInfo.sex">
diff --git a/im-web/src/view/Group.vue b/im-web/src/view/Group.vue
index 2220781..f16b1f1 100644
--- a/im-web/src/view/Group.vue
+++ b/im-web/src/view/Group.vue
@@ -21,7 +21,7 @@
 		</el-aside>
 		<el-container class="group-box">
 			<div class="group-header" v-show="activeGroup.id">
-				{{ activeGroup.showGroupName }}({{ groupMembers.length }})
+				{{ activeGroup.showGroupName }}({{ showMembers.length }})
 			</div>
 			<div class="group-container">
 				<div v-show="activeGroup.id">
diff --git a/im-web/src/view/Register.vue b/im-web/src/view/Register.vue
index 4476ce9..81163b8 100644
--- a/im-web/src/view/Register.vue
+++ b/im-web/src/view/Register.vue
@@ -9,19 +9,19 @@
 				</div>
 				<el-form-item label="用户名" prop="userName">
 					<el-input type="userName" v-model="registerForm.userName" autocomplete="off"
-						placeholder="用户名(登录使用)"></el-input>
+						placeholder="用户名(登录使用)" maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="昵称" prop="nickName">
 					<el-input type="nickName" v-model="registerForm.nickName" autocomplete="off"
-						placeholder="昵称"></el-input>
+						placeholder="昵称" maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="密码" prop="password">
 					<el-input type="password" v-model="registerForm.password" autocomplete="off"
-						placeholder="密码"></el-input>
+						placeholder="密码" maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="确认密码" prop="confirmPassword">
 					<el-input type="password" v-model="registerForm.confirmPassword" autocomplete="off"
-						placeholder="确认密码"></el-input>
+						placeholder="确认密码" maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item>
 					<el-button type="primary" @click="submitForm('registerForm')">注册</el-button>

From c2aed416fb4a572fdf4a04f35d550924ac7ee2e8 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Fri, 23 May 2025 14:04:26 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E7=AE=80=E5=8C=96css=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/UserServiceImpl.java         |  17 +-
 im-web/src/components/chat/ChatAtBox.vue      |   6 +-
 im-web/src/components/chat/ChatBox.vue        |   7 +-
 .../src/components/chat/ChatGroupMember.vue   |   6 +-
 .../src/components/chat/ChatGroupReaded.vue   |   2 +-
 im-web/src/components/chat/ChatGroupSide.vue  |  13 +-
 im-web/src/components/chat/ChatHistory.vue    |   6 +-
 im-web/src/components/chat/ChatItem.vue       |   6 +-
 .../src/components/chat/ChatMessageItem.vue   |  69 ++++----
 im-web/src/components/chat/ChatRecord.vue     |   3 +-
 im-web/src/components/common/Emotion.vue      |  18 +-
 im-web/src/components/common/FullImage.vue    |   2 +-
 im-web/src/components/common/HeadImage.vue    |   1 -
 im-web/src/components/common/Icp.vue          |   2 +-
 im-web/src/components/common/RightMenu.vue    |   2 +-
 im-web/src/components/common/UserInfo.vue     |  13 +-
 im-web/src/components/friend/AddFriend.vue    |  10 +-
 .../src/components/group/AddGroupMember.vue   |   4 +-
 im-web/src/components/group/GroupItem.vue     |   2 +-
 im-web/src/components/group/GroupMember.vue   |   2 +-
 .../src/components/group/GroupMemberItem.vue  |   2 +-
 .../components/group/GroupMemberSelector.vue  |   6 +-
 im-web/src/components/rtc/RtcGroupVideo.vue   |   2 +-
 .../src/components/rtc/RtcPrivateAcceptor.vue |   4 +-
 im-web/src/components/rtc/RtcPrivateVideo.vue |   2 +-
 im-web/src/components/setting/Setting.vue     |   2 +-
 im-web/src/view/Chat.vue                      |  28 ++-
 im-web/src/view/Friend.vue                    |  34 ++--
 im-web/src/view/Group.vue                     | 165 +++++++++---------
 im-web/src/view/Home.vue                      |   9 +-
 im-web/src/view/Login.vue                     |  12 +-
 im-web/src/view/Register.vue                  |  20 +--
 32 files changed, 223 insertions(+), 254 deletions(-)

diff --git a/im-platform/src/main/java/com/bx/implatform/service/impl/UserServiceImpl.java b/im-platform/src/main/java/com/bx/implatform/service/impl/UserServiceImpl.java
index bf42251..87ce164 100644
--- a/im-platform/src/main/java/com/bx/implatform/service/impl/UserServiceImpl.java
+++ b/im-platform/src/main/java/com/bx/implatform/service/impl/UserServiceImpl.java
@@ -24,6 +24,7 @@ import com.bx.implatform.service.UserService;
 import com.bx.implatform.session.SessionContext;
 import com.bx.implatform.session.UserSession;
 import com.bx.implatform.util.BeanUtils;
+import com.bx.implatform.util.SensitiveFilterUtil;
 import com.bx.implatform.vo.LoginVO;
 import com.bx.implatform.vo.OnlineTerminalVO;
 import com.bx.implatform.vo.UserVO;
@@ -46,6 +47,7 @@ public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements Us
     private final FriendService friendService;
     private final JwtProperties jwtProperties;
     private final IMClient imClient;
+    private final SensitiveFilterUtil sensitiveFilterUtil;
 
     @Override
     public LoginVO login(LoginDTO dto) {
@@ -108,6 +110,12 @@ public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements Us
     @Override
     public void register(RegisterDTO dto) {
         User user = this.findUserByUserName(dto.getUserName());
+        if(!dto.getUserName().equals(sensitiveFilterUtil.filter(dto.getUserName()))){
+            throw new GlobalException("用户名包含敏感字符");
+        }
+        if(!dto.getNickName().equals(sensitiveFilterUtil.filter(dto.getNickName()))){
+            throw new GlobalException("昵称包含敏感字符");
+        }
         if (!Objects.isNull(user)) {
             throw new GlobalException(ResultCode.USERNAME_ALREADY_REGISTER);
         }
@@ -140,14 +148,19 @@ public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements Us
     @Override
     public void update(UserVO vo) {
         UserSession session = SessionContext.getSession();
+        if(!vo.getNickName().equals(sensitiveFilterUtil.filter(vo.getNickName()))){
+            throw new GlobalException("昵称包含敏感字符");
+        }
+        if(!vo.getSignature().equals(sensitiveFilterUtil.filter(vo.getSignature()))){
+            throw new GlobalException("签名内容包含敏感字符");
+        }
         if (!session.getUserId().equals(vo.getId())) {
-            throw new GlobalException("不允许修改其他用户的信息!");
+            throw new GlobalException("不允许修改其他用户的信息");
         }
         User user = this.getById(vo.getId());
         if (Objects.isNull(user)) {
             throw new GlobalException("用户不存在");
         }
-
         if (!user.getNickName().equals(vo.getNickName()) || !user.getHeadImageThumb().equals(vo.getHeadImageThumb())) {
             // 更新好友昵称和头像
             LambdaUpdateWrapper<Friend> wrapper1 = Wrappers.lambdaUpdate();
diff --git a/im-web/src/components/chat/ChatAtBox.vue b/im-web/src/components/chat/ChatAtBox.vue
index 9229896..747f0a4 100644
--- a/im-web/src/components/chat/ChatAtBox.vue
+++ b/im-web/src/components/chat/ChatAtBox.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-scrollbar v-show="show && showMembers.length" ref="scrollBox" class="group-member-choose"
+	<el-scrollbar v-show="show && showMembers.length" ref="scrollBox" class="chat-at-box"
 		:style="{ 'left': pos.x + 'px', 'top': pos.y - 300 + 'px' }">
 		<div v-for="(member, idx) in showMembers" :key="member.id">
 			<chat-group-member :member="member" :height="40" :active='activeIdx == idx'
@@ -123,12 +123,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.group-member-choose {
+.chat-at-box {
 	position: fixed;
 	width: 200px;
 	height: 300px;
-	//border: 1px solid #53a0e79c;
-	//border-radius: 5px;
 	background-color: #fff;
 	box-shadow: var(--im-box-shadow);
 }
diff --git a/im-web/src/components/chat/ChatBox.vue b/im-web/src/components/chat/ChatBox.vue
index 3599749..b5b2cd9 100644
--- a/im-web/src/components/chat/ChatBox.vue
+++ b/im-web/src/components/chat/ChatBox.vue
@@ -67,7 +67,7 @@
 							</div>
 						</el-footer>
 					</el-container>
-					<el-aside class="chat-group-side-box" width="320px" v-if="showSide">
+					<el-aside class="side-box" width="320px" v-if="showSide">
 						<chat-group-side :group="group" :groupMembers="groupMembers" @reload="loadGroup(group.id)">
 						</chat-group-side>
 					</el-aside>
@@ -742,7 +742,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-box {
 	position: relative;
 	width: 100%;
@@ -837,9 +837,8 @@ export default {
 		}
 	}
 
-	.chat-group-side-box {
+	.side-box {
 		border-left: var(--im-border);
-		//animation: rtl-drawer-in .3s 1ms;
 	}
 
 }
diff --git a/im-web/src/components/chat/ChatGroupMember.vue b/im-web/src/components/chat/ChatGroupMember.vue
index dff4da5..bcdfa73 100644
--- a/im-web/src/components/chat/ChatGroupMember.vue
+++ b/im-web/src/components/chat/ChatGroupMember.vue
@@ -3,7 +3,7 @@
 		<div class="member-avatar">
 			<head-image :size="headImageSize" :name="member.showNickName" :url="member.headImage"> </head-image>
 		</div>
-		<div class="member-name" :style="{ 'line-height': height + 'px' }">
+		<div class="name" :style="{ 'line-height': height + 'px' }">
 			<div>{{ member.showNickName }}</div>
 		</div>
 	</div>
@@ -39,7 +39,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-group-member {
 	display: flex;
 	position: relative;
@@ -52,7 +52,7 @@ export default {
 		background: #E1EAF7;
 	}
 
-	.member-name {
+	.name {
 		padding-left: 10px;
 		height: 100%;
 		text-align: left;
diff --git a/im-web/src/components/chat/ChatGroupReaded.vue b/im-web/src/components/chat/ChatGroupReaded.vue
index a90e683..dfe5dce 100644
--- a/im-web/src/components/chat/ChatGroupReaded.vue
+++ b/im-web/src/components/chat/ChatGroupReaded.vue
@@ -122,7 +122,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-group-readed-mask {
 	position: fixed;
 	left: 0;
diff --git a/im-web/src/components/chat/ChatGroupSide.vue b/im-web/src/components/chat/ChatGroupSide.vue
index 0140128..9024315 100644
--- a/im-web/src/components/chat/ChatGroupSide.vue
+++ b/im-web/src/components/chat/ChatGroupSide.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="chat-group-side">
-    <div v-show="!group.quit" class="group-side-search">
+    <div v-show="!group.quit" class="search">
       <el-input placeholder="搜索群成员" v-model="searchText" size="small">
         <i class="el-icon-search el-input__icon" slot="prefix"> </i>
       </el-input>
@@ -29,7 +29,7 @@
       </div>
     </el-scrollbar>
     <el-divider v-if="!group.quit" content-position="center"></el-divider>
-    <el-form labelPosition="top" class="group-side-form" :model="group" size="small">
+    <el-form labelPosition="top" class="form" :model="group" size="small">
       <el-form-item label="群聊名称">
         <el-input v-model="group.name" disabled maxlength="20"></el-input>
       </el-form-item>
@@ -179,15 +179,14 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-group-side {
   position: relative;
 
-  .group-side-search {
+  .search {
     padding: 10px;
   }
 
-
   .el-divider--horizontal {
     margin: 0;
   }
@@ -208,7 +207,6 @@ export default {
       margin-left: 5px;
     }
 
-
     .member-tools {
       display: flex;
       flex-direction: column;
@@ -243,7 +241,7 @@ export default {
     }
   }
 
-  .group-side-form {
+  .form {
     text-align: left;
     padding: 10px;
     height: 30%;
@@ -272,6 +270,5 @@ export default {
       margin-top: 12px;
     }
   }
-
 }
 </style>
diff --git a/im-web/src/components/chat/ChatHistory.vue b/im-web/src/components/chat/ChatHistory.vue
index 442eeaa..8ce1601 100644
--- a/im-web/src/components/chat/ChatHistory.vue
+++ b/im-web/src/components/chat/ChatHistory.vue
@@ -1,7 +1,7 @@
 <template>
 	<el-drawer title="聊天历史记录" size="700px" :visible.sync="visible" direction="rtl" :before-close="onClose">
 		<div class="chat-history" v-loading="loading" element-loading-text="拼命加载中">
-			<el-scrollbar class="chat-history-scrollbar" ref="scrollbar" id="historyScrollbar">
+			<el-scrollbar class="scroll-box" ref="scrollbar" id="historyScrollbar">
 				<ul>
 					<li v-for="(msgInfo, idx) in messages" :key="idx">
 						<chat-message-item :mode="2" :mine="msgInfo.sendId == mine.id" :headImage="headImage(msgInfo)"
@@ -147,12 +147,12 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-history {
 	display: flex;
 	height: 100%;
 
-	.chat-history-scrollbar {
+	.scroll-box {
 		flex: 1;
 
 		.el-scrollbar__thumb {
diff --git a/im-web/src/components/chat/ChatItem.vue b/im-web/src/components/chat/ChatItem.vue
index 414e35a..f67b4ef 100644
--- a/im-web/src/components/chat/ChatItem.vue
+++ b/im-web/src/components/chat/ChatItem.vue
@@ -91,7 +91,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-item {
 	height: 50px;
 	display: flex;
@@ -185,8 +185,7 @@ export default {
 				font-size: var(--im-font-size-small);
 				color: var(--im-text-color-light);
 			}
-
-
+			
 			.chat-content-text {
 				flex: 1;
 				white-space: nowrap;
@@ -194,7 +193,6 @@ export default {
 				text-overflow: ellipsis;
 				font-size: var(--im-font-size-small);
 				color: var(--im-text-color-light);
-
 			}
 
 		}
diff --git a/im-web/src/components/chat/ChatMessageItem.vue b/im-web/src/components/chat/ChatMessageItem.vue
index b28109d..16f1b05 100644
--- a/im-web/src/components/chat/ChatMessageItem.vue
+++ b/im-web/src/components/chat/ChatMessageItem.vue
@@ -1,29 +1,28 @@
 <template>
-	<div class="chat-msg-item">
-		<div class="chat-msg-tip"
-			v-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TEXT">
+	<div class="chat-message-item">
+		<div class="message-tip" v-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TEXT">
 			{{ msgInfo.content }}
 		</div>
-		<div class="chat-msg-tip" v-else-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TIME">
+		<div class="message-tip" v-else-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TIME">
 			{{ $date.toTimeText(msgInfo.sendTime) }}
 		</div>
-		<div class="chat-msg-normal" v-else-if="isNormal" :class="{ 'chat-msg-mine': mine }">
+		<div class="message-normal" v-else-if="isNormal" :class="{ 'message-mine': mine }">
 			<div class="head-image">
 				<head-image :name="showName" :size="38" :url="headImage" :id="msgInfo.sendId"></head-image>
 			</div>
-			<div class="chat-msg-content">
-				<div v-show="mode == 1 && msgInfo.groupId && !msgInfo.selfSend" class="chat-msg-top">
+			<div class="content">
+				<div v-show="mode == 1 && msgInfo.groupId && !msgInfo.selfSend" class="message-top">
 					<span>{{ showName }}</span>
 				</div>
-				<div v-show="mode == 2" class="chat-msg-top">
+				<div v-show="mode == 2" class="message-top">
 					<span>{{ showName }}</span>
 					<span>{{ $date.toTimeText(msgInfo.sendTime) }}</span>
 				</div>
-				<div class="chat-msg-bottom" @contextmenu.prevent="showRightMenu($event)">
+				<div class="message-bottom" @contextmenu.prevent="showRightMenu($event)">
 					<div ref="chatMsgBox">
-						<span class="chat-msg-text" v-if="msgInfo.type == $enums.MESSAGE_TYPE.TEXT"
+						<span class="message-text" v-if="msgInfo.type == $enums.MESSAGE_TYPE.TEXT"
 							v-html="htmlText"></span>
-						<div class="chat-msg-image" v-if="msgInfo.type == $enums.MESSAGE_TYPE.IMAGE">
+						<div class="message-image" v-if="msgInfo.type == $enums.MESSAGE_TYPE.IMAGE">
 							<div class="img-load-box" v-loading="loading" element-loading-text="上传中.."
 								element-loading-background="rgba(0, 0, 0, 0.4)">
 								<img class="send-image" :src="JSON.parse(msgInfo.content).thumbUrl"
@@ -32,7 +31,7 @@
 							<span title="发送失败" v-show="loadFail" @click="onSendFail"
 								class="send-fail el-icon-warning"></span>
 						</div>
-						<div class="chat-msg-file" v-if="msgInfo.type == $enums.MESSAGE_TYPE.FILE">
+						<div class="message-file" v-if="msgInfo.type == $enums.MESSAGE_TYPE.FILE">
 							<div class="chat-file-box" v-loading="loading">
 								<div class="chat-file-info">
 									<el-link class="chat-file-name" :underline="true" target="_blank" type="primary"
@@ -47,17 +46,17 @@
 								class="send-fail el-icon-warning"></span>
 						</div>
 					</div>
-					<div class="chat-msg-voice" v-if="msgInfo.type == $enums.MESSAGE_TYPE.AUDIO" @click="onPlayVoice()">
+					<div class="message-voice" v-if="msgInfo.type == $enums.MESSAGE_TYPE.AUDIO" @click="onPlayVoice()">
 						<audio controls :src="JSON.parse(msgInfo.content).url"></audio>
 					</div>
-					<div class="chat-action chat-msg-text" v-if="isAction">
+					<div class="chat-action message-text" v-if="isAction">
 						<span v-if="msgInfo.type == $enums.MESSAGE_TYPE.ACT_RT_VOICE" title="重新呼叫"
 							@click="$emit('call')" class="iconfont icon-chat-voice"></span>
 						<span v-if="msgInfo.type == $enums.MESSAGE_TYPE.ACT_RT_VIDEO" title="重新呼叫"
 							@click="$emit('call')" class="iconfont icon-chat-video"></span>
 						<span>{{ msgInfo.content }}</span>
 					</div>
-					<div class="chat-msg-status" v-if="!isAction">
+					<div class="message-status" v-if="!isAction">
 						<span class="chat-readed" v-show="msgInfo.selfSend && !msgInfo.groupId
 							&& msgInfo.status == $enums.MESSAGE_STATUS.READED">已读</span>
 						<span class="chat-unread" v-show="msgInfo.selfSend && !msgInfo.groupId
@@ -195,22 +194,22 @@ export default {
 		htmlText() {
 			let color = this.msgInfo.selfSend ? 'white' : '';
 			let text = this.$url.replaceURLWithHTMLLinks(this.msgInfo.content, color)
-			return this.$emo.transform(text,'emoji-normal')
+			return this.$emo.transform(text, 'emoji-normal')
 		}
 	}
 }
 </script>
 
-<style lang="scss">
-.chat-msg-item {
+<style lang="scss" scoped>
+.chat-message-item {
 
-	.chat-msg-tip {
+	.message-tip {
 		line-height: 50px;
 		font-size: var(--im-font-size-small);
 		color: var(--im-text-color-light);
 	}
 
-	.chat-msg-normal {
+	.message-normal {
 		position: relative;
 		font-size: 0;
 		padding-left: 48px;
@@ -225,7 +224,7 @@ export default {
 			left: 0;
 		}
 
-		.chat-msg-content {
+		.content {
 			text-align: left;
 
 			.send-fail {
@@ -235,7 +234,7 @@ export default {
 				margin: 0 20px;
 			}
 
-			.chat-msg-top {
+			.message-top {
 				display: flex;
 				flex-wrap: nowrap;
 				color: var(--im-text-color-light);
@@ -247,12 +246,12 @@ export default {
 				}
 			}
 
-			.chat-msg-bottom {
+			.message-bottom {
 				display: inline-block;
 				padding-right: 300px;
 				padding-left: 5px;
 
-				.chat-msg-text {
+				.message-text {
 					display: inline-block;
 					position: relative;
 					line-height: 26px;
@@ -279,7 +278,7 @@ export default {
 					}
 				}
 
-				.chat-msg-image {
+				.message-image {
 					display: flex;
 					flex-wrap: nowrap;
 					flex-direction: row;
@@ -296,7 +295,7 @@ export default {
 
 				}
 
-				.chat-msg-file {
+				.message-file {
 					display: flex;
 					flex-wrap: nowrap;
 					flex-direction: row;
@@ -351,7 +350,7 @@ export default {
 
 				}
 
-				.chat-msg-voice {
+				.message-voice {
 					font-size: 14px;
 					cursor: pointer;
 
@@ -372,7 +371,7 @@ export default {
 					}
 				}
 
-				.chat-msg-status {
+				.message-status {
 					display: block;
 
 					.chat-readed {
@@ -406,7 +405,7 @@ export default {
 		}
 
 
-		&.chat-msg-mine {
+		&.message-mine {
 			text-align: right;
 			padding-left: 0;
 			padding-right: 48px;
@@ -416,10 +415,10 @@ export default {
 				right: 0;
 			}
 
-			.chat-msg-content {
+			.content {
 				text-align: right;
 
-				.chat-msg-top {
+				.message-top {
 					flex-direction: row-reverse;
 
 					span {
@@ -428,11 +427,11 @@ export default {
 					}
 				}
 
-				.chat-msg-bottom {
+				.message-bottom {
 					padding-left: 180px;
 					padding-right: 5px;
 
-					.chat-msg-text {
+					.message-text {
 						margin-left: 10px;
 						background-color: var(--im-color-primary-light-2);
 						color: #fff;
@@ -444,11 +443,11 @@ export default {
 						}
 					}
 
-					.chat-msg-image {
+					.message-image {
 						flex-direction: row-reverse;
 					}
 
-					.chat-msg-file {
+					.message-file {
 						flex-direction: row-reverse;
 					}
 
diff --git a/im-web/src/components/chat/ChatRecord.vue b/im-web/src/components/chat/ChatRecord.vue
index f219dd4..186b455 100644
--- a/im-web/src/components/chat/ChatRecord.vue
+++ b/im-web/src/components/chat/ChatRecord.vue
@@ -120,11 +120,10 @@ export default {
 			})
 		}
 	}
-
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-record {
 
 	.tip {
diff --git a/im-web/src/components/common/Emotion.vue b/im-web/src/components/common/Emotion.vue
index 1337bb0..eded3a0 100644
--- a/im-web/src/components/common/Emotion.vue
+++ b/im-web/src/components/common/Emotion.vue
@@ -2,7 +2,7 @@
 	<div v-show="show" @click="close()">
 		<div class="emotion-box" :style="{ 'left': x + 'px', 'top': y + 'px' }">
 			<el-scrollbar style="height: 220px">
-				<div class="emotion-item-list">
+				<div class="emotion-items">
 					<div class="emotion-item" v-for="(emoText, i) in $emo.emoTextList" :key="i"
 						@click="onClickEmo(emoText)" v-html="$emo.textToImg(emoText,'emoji-large')">
 					</div>
@@ -53,11 +53,10 @@ export default {
 	width: 372px;
 	box-sizing: border-box;
 	padding: 5px;
-	//border-radius: 5px;
 	background-color: #fff;
 	box-shadow: var(--im-box-shadow);
 
-	.emotion-item-list {
+	.emotion-items {
 		display: flex;
 		flex-wrap: wrap;
 
@@ -68,18 +67,5 @@ export default {
 
 		}
 	}
-
-	//&:after {
-	//	content: "";
-	//	position: absolute;
-	//	left: 185px;
-	//	bottom: -30px;
-	//	width: 0;
-	//	height: 0;
-	//	border-style: solid dashed dashed;
-	//	border-color: #f5f5f5 transparent transparent;
-	//	overflow: hidden;
-	//	border-width: 15px;
-	//}
 }
 </style>
diff --git a/im-web/src/components/common/FullImage.vue b/im-web/src/components/common/FullImage.vue
index f766309..6c5661e 100644
--- a/im-web/src/components/common/FullImage.vue
+++ b/im-web/src/components/common/FullImage.vue
@@ -32,7 +32,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .full-image {
 	position: fixed;
 	width: 100%;
diff --git a/im-web/src/components/common/HeadImage.vue b/im-web/src/components/common/HeadImage.vue
index 173b4b4..9a18bd5 100644
--- a/im-web/src/components/common/HeadImage.vue
+++ b/im-web/src/components/common/HeadImage.vue
@@ -100,7 +100,6 @@ export default {
 <style scoped lang="scss">
 .head-image {
 	position: relative;
-	//cursor: pointer;
 
 	.avatar-image {
 		position: relative;
diff --git a/im-web/src/components/common/Icp.vue b/im-web/src/components/common/Icp.vue
index 5a8cdd5..48b143a 100644
--- a/im-web/src/components/common/Icp.vue
+++ b/im-web/src/components/common/Icp.vue
@@ -8,7 +8,7 @@
 <script>
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icp {
 	position: fixed;
 	text-align: center;
diff --git a/im-web/src/components/common/RightMenu.vue b/im-web/src/components/common/RightMenu.vue
index b6efc88..7e90484 100644
--- a/im-web/src/components/common/RightMenu.vue
+++ b/im-web/src/components/common/RightMenu.vue
@@ -41,7 +41,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .right-menu-mask {
 	position: fixed;
 	left: 0;
diff --git a/im-web/src/components/common/UserInfo.vue b/im-web/src/components/common/UserInfo.vue
index eff9549..3cdd07e 100644
--- a/im-web/src/components/common/UserInfo.vue
+++ b/im-web/src/components/common/UserInfo.vue
@@ -20,7 +20,7 @@
 			</div>
 		</div>
 		<el-divider content-position="center"></el-divider>
-		<div class="user-btn-group">
+		<div class="btn-group">
 			<el-button v-if="isFriend" type="primary" @click="onSendMessage()">发消息</el-button>
 			<el-button v-else type="primary" @click="onAddFriend()">加为好友</el-button>
 		</div>
@@ -99,7 +99,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .user-info-mask {
 	background-color: rgba($color: #f4f4f4, $alpha: 0);
 	position: fixed;
@@ -144,23 +144,16 @@ export default {
 				font-size: var(--im-font-size);
 				margin-top: 5px;
 				word-break: break-all;
-
 			}
 		}
-
 	}
 
 	.el-divider--horizontal {
 		margin: 18px 0;
 	}
 
-	.user-btn-group {
+	.btn-group {
 		text-align: center;
-
-		.wait-text {
-			font-size: 14px;
-			color: var(--im-text-color-light);
-		}
 	}
 }
 </style>
\ No newline at end of file
diff --git a/im-web/src/components/friend/AddFriend.vue b/im-web/src/components/friend/AddFriend.vue
index f326981..249cec1 100644
--- a/im-web/src/components/friend/AddFriend.vue
+++ b/im-web/src/components/friend/AddFriend.vue
@@ -1,6 +1,6 @@
 <template>
 	<el-dialog v-dialogDrag title="添加好友" :visible.sync="dialogVisible" width="400px" :before-close="onClose"
-		custom-class="add-friend-dialog">
+		custom-class="add-friend">
 		<el-input placeholder="输入用户名或昵称按下enter搜索，最多展示20条" class="input-with-select" v-model="searchText" size="small"
 			@keyup.enter.native="onSearch()">
 			<i class="el-icon-search el-input__icon" slot="suffix" @click="onSearch()"> </i>
@@ -11,7 +11,7 @@
 					<div class="avatar">
 						<head-image :name="user.nickName" :url="user.headImage" :online="user.online"></head-image>
 					</div>
-					<div class="add-friend-text">
+					<div class="friend-info">
 						<div class="nick-name">
 							<div>{{ user.nickName }}</div>
 							<div :class="user.online ? 'online-status  online' : 'online-status'">{{
@@ -93,8 +93,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
-.add-friend-dialog {
+<style lang="scss" scoped>
+.add-friend {
 	.item {
 		height: 65px;
 		display: flex;
@@ -103,7 +103,7 @@ export default {
 		align-items: center;
 		padding-right: 25px;
 
-		.add-friend-text {
+		.friend-info {
 			margin-left: 15px;
 			flex: 3;
 			display: flex;
diff --git a/im-web/src/components/group/AddGroupMember.vue b/im-web/src/components/group/AddGroupMember.vue
index 6dbe7a8..181d6f0 100644
--- a/im-web/src/components/group/AddGroupMember.vue
+++ b/im-web/src/components/group/AddGroupMember.vue
@@ -11,7 +11,7 @@
 					<div v-for="friend in friends" :key="friend.id">
 						<friend-item v-show="friend.nickName.includes(searchText)" :showDelete="false"
 							@click.native="onSwitchCheck(friend)" :menu="false" :friend="friend" :active="false">
-							<el-checkbox :disabled="friend.disabled" @click.native.stop="" class="friend-checkbox"
+							<el-checkbox :disabled="friend.disabled" @click.native.stop="" class="checkbox"
 								v-model="friend.isCheck" size="medium"></el-checkbox>
 						</friend-item>
 					</div>
@@ -143,7 +143,7 @@ export default {
 			}
 		}
 
-		.friend-checkbox {
+		.checkbox {
 			margin-right: 20px;
 		}
 	}
diff --git a/im-web/src/components/group/GroupItem.vue b/im-web/src/components/group/GroupItem.vue
index b98d80e..51cedf5 100644
--- a/im-web/src/components/group/GroupItem.vue
+++ b/im-web/src/components/group/GroupItem.vue
@@ -31,7 +31,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .group-item {
 	height: 50px;
 	display: flex;
diff --git a/im-web/src/components/group/GroupMember.vue b/im-web/src/components/group/GroupMember.vue
index 7d1dec9..b7d6eff 100644
--- a/im-web/src/components/group/GroupMember.vue
+++ b/im-web/src/components/group/GroupMember.vue
@@ -26,7 +26,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .group-member {
 	display: flex;
 	flex-direction: column;
diff --git a/im-web/src/components/group/GroupMemberItem.vue b/im-web/src/components/group/GroupMemberItem.vue
index 0137b9c..f4f3cb8 100644
--- a/im-web/src/components/group/GroupMemberItem.vue
+++ b/im-web/src/components/group/GroupMemberItem.vue
@@ -37,7 +37,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .group-member-item {
     display: flex;
     position: relative;
diff --git a/im-web/src/components/group/GroupMemberSelector.vue b/im-web/src/components/group/GroupMemberSelector.vue
index 7090c42..203302d 100644
--- a/im-web/src/components/group/GroupMemberSelector.vue
+++ b/im-web/src/components/group/GroupMemberSelector.vue
@@ -19,7 +19,7 @@
 			<div class="right-box">
 				<div class="select-tip"> 已勾选{{ checkedMembers.length }}位成员</div>
 				<el-scrollbar class="scroll-box">
-					<div class="checked-member-list">
+					<div class="member-items">
 						<div v-for="m in members" :key="m.userId">
 							<group-member class="member-item" v-if="m.checked" :member="m"></group-member>
 						</div>
@@ -123,7 +123,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .group-member-selector {
 	display: flex;
 
@@ -163,7 +163,7 @@ export default {
 			color: var(--im-text-color-light)
 		}
 
-		.checked-member-list {
+		.member-items {
 			padding: 10px;
 			display: flex;
 			flex-direction: row;
diff --git a/im-web/src/components/rtc/RtcGroupVideo.vue b/im-web/src/components/rtc/RtcGroupVideo.vue
index 11fd07a..644ad5c 100644
--- a/im-web/src/components/rtc/RtcGroupVideo.vue
+++ b/im-web/src/components/rtc/RtcGroupVideo.vue
@@ -37,7 +37,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rtc-group-video {
 	height: 300px;
 	background-color: #E8F2FF;
diff --git a/im-web/src/components/rtc/RtcPrivateAcceptor.vue b/im-web/src/components/rtc/RtcPrivateAcceptor.vue
index 2673632..921c2ee 100644
--- a/im-web/src/components/rtc/RtcPrivateAcceptor.vue
+++ b/im-web/src/components/rtc/RtcPrivateAcceptor.vue
@@ -5,7 +5,7 @@
 		<div class="acceptor-text">
 			{{ tip }}
 		</div>
-		<div class="acceptor-btn-group">
+		<div class="btn-group">
 			<div class="icon iconfont icon-phone-accept accept" @click="$emit('accept')" title="接受"></div>
 			<div class="icon iconfont icon-phone-reject reject" @click="$emit('reject')" title="拒绝"></div>
 		</div>
@@ -61,7 +61,7 @@ export default {
 		font-size: 16px;
 	}
 
-	.acceptor-btn-group {
+	.btn-group {
 		display: flex;
 		justify-content: space-around;
 		margin-top: 20px;
diff --git a/im-web/src/components/rtc/RtcPrivateVideo.vue b/im-web/src/components/rtc/RtcPrivateVideo.vue
index d7b2432..757b231 100644
--- a/im-web/src/components/rtc/RtcPrivateVideo.vue
+++ b/im-web/src/components/rtc/RtcPrivateVideo.vue
@@ -420,7 +420,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rtc-private-video {
   position: relative;
 
diff --git a/im-web/src/components/setting/Setting.vue b/im-web/src/components/setting/Setting.vue
index 6bc8f8d..03b3eac 100644
--- a/im-web/src/components/setting/Setting.vue
+++ b/im-web/src/components/setting/Setting.vue
@@ -101,7 +101,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .setting {
 	.el-form {
 		padding: 10px 0 0 10px;
diff --git a/im-web/src/view/Chat.vue b/im-web/src/view/Chat.vue
index 8ebee12..5234da2 100644
--- a/im-web/src/view/Chat.vue
+++ b/im-web/src/view/Chat.vue
@@ -1,23 +1,23 @@
 <template>
   <el-container class="chat-page">
-    <el-aside width="260px" class="chat-list-box">
-      <div class="chat-list-header">
+    <el-aside width="260px" class="aside">
+      <div class="header">
         <el-input class="search-text" size="small" placeholder="搜索" v-model="searchText">
           <i class="el-icon-search el-input__icon" slot="prefix"> </i>
         </el-input>
       </div>
-      <div class="chat-list-loading" v-if="loading" v-loading="true" element-loading-text="消息接收中..."
+      <div class="chat-loading" v-if="loading" v-loading="true" element-loading-text="消息接收中..."
         element-loading-spinner="el-icon-loading" element-loading-background="#F9F9F9" element-loading-size="24">
       </div>
-      <el-scrollbar class="chat-list-items" v-else>
+      <el-scrollbar class="chat-items" v-else>
         <div v-for="(chat, index) in chatStore.chats" :key="index">
-          <chat-item v-show="!chat.delete && chat.showName && chat.showName.includes(searchText)" :chat="chat" :index="index"
-            @click.native="onActiveItem(index)" @delete="onDelItem(index)" @top="onTop(index)"
+          <chat-item v-show="!chat.delete && chat.showName && chat.showName.includes(searchText)" :chat="chat"
+            :index="index" @click.native="onActiveItem(index)" @delete="onDelItem(index)" @top="onTop(index)"
             :active="chat === chatStore.activeChat"></chat-item>
         </div>
       </el-scrollbar>
     </el-aside>
-    <el-container class="chat-box">
+    <el-container>
       <chat-box v-if="chatStore.activeChat" :chat="chatStore.activeChat"></chat-box>
     </el-container>
   </el-container>
@@ -63,21 +63,21 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .chat-page {
-  .chat-list-box {
+  .aside {
     display: flex;
     flex-direction: column;
     background: var(--im-background);
 
-    .chat-list-header {
+    .header {
       height: 50px;
       display: flex;
       align-items: center;
       padding: 0 8px;
     }
 
-    .chat-list-loading {
+    .chat-loading {
       height: 50px;
       background-color: #eee;
 
@@ -89,13 +89,9 @@ export default {
       .el-loading-text {
         color: var(--im-text-color-light);
       }
-
-      .chat-loading-box {
-        height: 100%;
-      }
     }
 
-    .chat-list-items {
+    .chat-items {
       flex: 1;
     }
   }
diff --git a/im-web/src/view/Friend.vue b/im-web/src/view/Friend.vue
index 8559256..271259a 100644
--- a/im-web/src/view/Friend.vue
+++ b/im-web/src/view/Friend.vue
@@ -1,7 +1,7 @@
 <template>
 	<el-container class="friend-page">
-		<el-aside width="260px" class="friend-list-box">
-			<div class="friend-list-header">
+		<el-aside width="260px" class="aside">
+			<div class="header">
 				<el-input class="search-text" size="small" placeholder="搜索" v-model="searchText">
 					<i class="el-icon-search el-input__icon" slot="prefix"> </i>
 				</el-input>
@@ -9,9 +9,9 @@
 					@click="onShowAddFriend()"></el-button>
 				<add-friend :dialogVisible="showAddFriend" @close="onCloseAddFriend"></add-friend>
 			</div>
-			<el-scrollbar class="friend-list-items">
+			<el-scrollbar class="friend-items">
 				<div v-for="(friends, i) in friendValues" :key="i">
-					<div class="index-title">{{ friendKeys[i] }}</div>
+					<div class="letter">{{ friendKeys[i] }}</div>
 					<div v-for="(friend) in friends" :key="friend.id">
 						<friend-item :friend="friend" :active="friend.id === activeFriend.id"
 							@chat="onSendMessage(friend)" @delete="onDelFriend(friend)"
@@ -22,12 +22,12 @@
 				</div>
 			</el-scrollbar>
 		</el-aside>
-		<el-container class="friend-box">
-			<div class="friend-header" v-show="userInfo.id">
+		<el-container class="container">
+			<div class="header" v-show="userInfo.id">
 				{{ userInfo.nickName }}
 			</div>
 			<div v-show="userInfo.id">
-				<div class="friend-detail">
+				<div class="friend-info">
 					<head-image :size="160" :name="userInfo.nickName" :url="userInfo.headImage" radius="10%"
 						@click.native="showFullImage()"></head-image>
 					<div>
@@ -42,7 +42,7 @@
 								<el-descriptions-item label="签名">{{ userInfo.signature }}</el-descriptions-item>
 							</el-descriptions>
 						</div>
-						<div class="frient-btn-group">
+						<div class="btn-group">
 							<el-button v-show="isFriend" icon="el-icon-position" type="primary"
 								@click="onSendMessage(userInfo)">发消息</el-button>
 							<el-button v-show="!isFriend" icon="el-icon-plus" type="primary"
@@ -223,14 +223,14 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .friend-page {
-	.friend-list-box {
+	.aside {
 		display: flex;
 		flex-direction: column;
 		background: var(--im-background);
 
-		.friend-list-header {
+		.header {
 			height: 50px;
 			display: flex;
 			align-items: center;
@@ -244,10 +244,10 @@ export default {
 			}
 		}
 
-		.friend-list-items {
+		.friend-items {
 			flex: 1;
 
-			.index-title {
+			.letter {
 				text-align: left;
 				font-size: var(--im-larger-size-larger);
 				padding: 5px 15px;
@@ -256,11 +256,11 @@ export default {
 		}
 	}
 
-	.friend-box {
+	.container {
 		display: flex;
 		flex-direction: column;
 
-		.friend-header {
+		.header {
 			height: 50px;
 			display: flex;
 			justify-content: space-between;
@@ -271,7 +271,7 @@ export default {
 			box-sizing: border-box;
 		}
 
-		.friend-detail {
+		.friend-info {
 			display: flex;
 			padding: 50px 80px 20px 80px;
 			text-align: center;
@@ -287,7 +287,7 @@ export default {
 			}
 		}
 
-		.frient-btn-group {
+		.btn-group {
 			text-align: left !important;
 			padding: 20px;
 		}
diff --git a/im-web/src/view/Group.vue b/im-web/src/view/Group.vue
index f16b1f1..6a968ce 100644
--- a/im-web/src/view/Group.vue
+++ b/im-web/src/view/Group.vue
@@ -1,15 +1,15 @@
 <template>
 	<el-container class="group-page">
-		<el-aside width="260px" class="group-list-box">
-			<div class="group-list-header">
+		<el-aside width="260px" class="aside">
+			<div class="header">
 				<el-input class="search-text" size="small" placeholder="搜索" v-model="searchText">
 					<i class="el-icon-search el-input__icon" slot="prefix"> </i>
 				</el-input>
 				<el-button plain class="add-btn" icon="el-icon-plus" title="创建群聊" @click="onCreateGroup()"></el-button>
 			</div>
-			<el-scrollbar class="group-list-items">
+			<el-scrollbar class="group-items">
 				<div v-for="(groups, i) in groupValues" :key="i">
-					<div class="index-title">{{ groupKeys[i] }}</div>
+					<div class="letter">{{ groupKeys[i] }}</div>
 					<div v-for="group in groups" :key="group.id">
 						<group-item :group="group" :active="group.id == activeGroup.id"
 							@click.native="onActiveItem(group)">
@@ -19,80 +19,75 @@
 				</div>
 			</el-scrollbar>
 		</el-aside>
-		<el-container class="group-box">
-			<div class="group-header" v-show="activeGroup.id">
-				{{ activeGroup.showGroupName }}({{ showMembers.length }})
-			</div>
-			<div class="group-container">
-				<div v-show="activeGroup.id">
-					<div class="group-info">
+		<el-container class="container">
+			<div class="header" v-show="activeGroup.id">{{ activeGroup.showGroupName }}({{ showMembers.length }})</div>
+			<div class="container-box" v-show="activeGroup.id">
+				<div class="group-info">
+					<div>
+						<file-upload v-show="isOwner" class="avatar-uploader" :action="imageAction" :showLoading="true"
+							:maxSize="maxSize" @success="onUploadSuccess"
+							:fileTypes="['image/jpeg', 'image/png', 'image/jpg', 'image/webp']">
+							<img v-if="activeGroup.headImage" :src="activeGroup.headImage" class="avatar">
+							<i v-else class="el-icon-plus avatar-uploader-icon"></i>
+						</file-upload>
+						<head-image v-show="!isOwner" class="avatar" :size="160" :url="activeGroup.headImage"
+							:name="activeGroup.showGroupName" radius="10%">
+						</head-image>
+						<el-button class="send-btn" icon="el-icon-position" type="primary" @click="onSendMessage()">发消息
+						</el-button>
+					</div>
+					<el-form class="form" label-width="130px" :model="activeGroup" :rules="rules" size="small"
+						ref="groupForm">
+						<el-form-item label="群聊名称" prop="name">
+							<el-input v-model="activeGroup.name" :disabled="!isOwner" maxlength="20"></el-input>
+						</el-form-item>
+						<el-form-item label="群主">
+							<el-input :value="ownerName" disabled></el-input>
+						</el-form-item>
+						<el-form-item label="群名备注">
+							<el-input v-model="activeGroup.remarkGroupName" :placeholder="activeGroup.name"
+								maxlength="20"></el-input>
+						</el-form-item>
+						<el-form-item label="我在本群的昵称">
+							<el-input v-model="activeGroup.remarkNickName" maxlength="20"
+								:placeholder="$store.state.userStore.userInfo.nickName"></el-input>
+						</el-form-item>
+						<el-form-item label="群公告">
+							<el-input v-model="activeGroup.notice" :disabled="!isOwner" type="textarea" :rows="3"
+								maxlength="1024" placeholder="群主未设置"></el-input>
+						</el-form-item>
 						<div>
-							<file-upload v-show="isOwner" class="avatar-uploader" :action="imageAction"
-								:showLoading="true" :maxSize="maxSize" @success="onUploadSuccess"
-								:fileTypes="['image/jpeg', 'image/png', 'image/jpg', 'image/webp']">
-								<img v-if="activeGroup.headImage" :src="activeGroup.headImage" class="avatar">
-								<i v-else class="el-icon-plus avatar-uploader-icon"></i>
-							</file-upload>
-							<head-image v-show="!isOwner" class="avatar" :size="160" :url="activeGroup.headImage"
-								:name="activeGroup.showGroupName" radius="10%">
-							</head-image>
-							<el-button class="send-btn" icon="el-icon-position" type="primary"
-								@click="onSendMessage()">发消息
-							</el-button>
+							<el-button type="warning" @click="onInvite()">邀请</el-button>
+							<el-button type="success" @click="onSaveGroup()">保存</el-button>
+							<el-button type="danger" v-show="!isOwner" @click="onQuit()">退出</el-button>
+							<el-button type="danger" v-show="isOwner" @click="onDissolve()">解散</el-button>
 						</div>
-						<el-form class="group-form" label-width="130px" :model="activeGroup" :rules="rules" size="small"
-							ref="groupForm">
-							<el-form-item label="群聊名称" prop="name">
-								<el-input v-model="activeGroup.name" :disabled="!isOwner" maxlength="20"></el-input>
-							</el-form-item>
-							<el-form-item label="群主">
-								<el-input :value="ownerName" disabled></el-input>
-							</el-form-item>
-							<el-form-item label="群名备注">
-								<el-input v-model="activeGroup.remarkGroupName" :placeholder="activeGroup.name"
-									maxlength="20"></el-input>
-							</el-form-item>
-							<el-form-item label="我在本群的昵称">
-								<el-input v-model="activeGroup.remarkNickName" maxlength="20"
-									:placeholder="$store.state.userStore.userInfo.nickName"></el-input>
-							</el-form-item>
-							<el-form-item label="群公告">
-								<el-input v-model="activeGroup.notice" :disabled="!isOwner" type="textarea" :rows="3"
-									maxlength="1024" placeholder="群主未设置"></el-input>
-							</el-form-item>
-							<div>
-								<el-button type="warning" @click="onInvite()">邀请</el-button>
-								<el-button type="success" @click="onSaveGroup()">保存</el-button>
-								<el-button type="danger" v-show="!isOwner" @click="onQuit()">退出</el-button>
-								<el-button type="danger" v-show="isOwner" @click="onDissolve()">解散</el-button>
-							</div>
-						</el-form>
-					</div>
-					<el-divider content-position="center"></el-divider>
-					<el-scrollbar ref="scrollbar" :style="'height: ' + scrollHeight + 'px'">
-						<div class="group-member-list">
-							<div class="member-tools">
-								<div class="tool-btn" title="邀请好友进群聊" @click="onInvite()">
-									<i class="el-icon-plus"></i>
-								</div>
-								<div class="tool-text">邀请</div>
-								<add-group-member ref="addGroupMember" :groupId="activeGroup.id" :members="groupMembers"
-									@reload="$emit('reload')"></add-group-member>
-							</div>
-							<div class="member-tools" v-if="isOwner">
-								<div class="tool-btn" title="选择成员移出群聊" @click="onRemove()">
-									<i class="el-icon-minus"></i>
-								</div>
-								<div class="tool-text">移除</div>
-								<group-member-selector ref="removeSelector" title="选择成员进行移除" :group="activeGroup"
-									@complete="onRemoveComplete"></group-member-selector>
+					</el-form>
+				</div>
+				<el-divider content-position="center"></el-divider>
+				<el-scrollbar ref="scrollbar" :style="'height: ' + scrollHeight + 'px'">
+					<div class="member-items">
+						<div class="member-tools">
+							<div class="tool-btn" title="邀请好友进群聊" @click="onInvite()">
+								<i class="el-icon-plus"></i>
 							</div>
-							<div v-for="(member, idx) in showMembers" :key="member.id">
-								<group-member v-if="idx < showMaxIdx" class="group-member" :member="member"></group-member>
+							<div class="tool-text">邀请</div>
+							<add-group-member ref="addGroupMember" :groupId="activeGroup.id" :members="groupMembers"
+								@reload="$emit('reload')"></add-group-member>
+						</div>
+						<div class="member-tools" v-if="isOwner">
+							<div class="tool-btn" title="选择成员移出群聊" @click="onRemove()">
+								<i class="el-icon-minus"></i>
 							</div>
+							<div class="tool-text">移除</div>
+							<group-member-selector ref="removeSelector" title="选择成员进行移除" :group="activeGroup"
+								@complete="onRemoveComplete"></group-member-selector>
 						</div>
-					</el-scrollbar>
-				</div>
+						<div v-for="(member, idx) in showMembers" :key="member.id">
+							<group-member v-if="idx < showMaxIdx" class="member-item" :member="member"></group-member>
+						</div>
+					</div>
+				</el-scrollbar>
 			</div>
 		</el-container>
 	</el-container>
@@ -348,14 +343,14 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .group-page {
-	.group-list-box {
+	.aside {
 		display: flex;
 		flex-direction: column;
 		background: var(--im-background);
 
-		.group-list-header {
+		.header {
 			height: 50px;
 			display: flex;
 			align-items: center;
@@ -369,10 +364,10 @@ export default {
 			}
 		}
 
-		.group-list-items {
+		.group-items {
 			flex: 1;
 
-			.index-title {
+			.letter {
 				text-align: left;
 				font-size: var(--im-larger-size-larger);
 				padding: 5px 15px;
@@ -381,11 +376,11 @@ export default {
 		}
 	}
 
-	.group-box {
+	.container {
 		display: flex;
 		flex-direction: column;
 
-		.group-header {
+		.header {
 			display: flex;
 			justify-content: space-between;
 			padding: 0 12px;
@@ -398,7 +393,7 @@ export default {
 			margin: 16px 0;
 		}
 
-		.group-container {
+		.container-box {
 			overflow: auto;
 			padding: 20px;
 			flex: 1;
@@ -407,7 +402,7 @@ export default {
 				display: flex;
 				padding: 5px 20px;
 
-				.group-form {
+				.form {
 					flex: 1;
 					padding-left: 40px;
 					max-width: 700px;
@@ -450,14 +445,14 @@ export default {
 				}
 			}
 
-			.group-member-list {
+			.member-items {
 				padding: 0 12px;
 				display: flex;
 				align-items: center;
 				flex-wrap: wrap;
 				text-align: center;
 
-				.group-member {
+				.member-item {
 					margin-right: 5px;
 				}
 
@@ -495,8 +490,6 @@ export default {
 
 			}
 		}
-
-
 	}
 }
 </style>
\ No newline at end of file
diff --git a/im-web/src/view/Home.vue b/im-web/src/view/Home.vue
index 4c942f2..845865c 100644
--- a/im-web/src/view/Home.vue
+++ b/im-web/src/view/Home.vue
@@ -32,13 +32,13 @@
 					</div>
 
 					<div class="botoom">
-						<div class="botoom-item" @click="isFullscreen = !isFullscreen">
+						<div class="bottom-item" @click="isFullscreen = !isFullscreen">
 							<i class="el-icon-full-screen"></i>
 						</div>
-						<div class="botoom-item" @click="showSetting">
+						<div class="bottom-item" @click="showSetting">
 							<span class="icon iconfont icon-setting" style="font-size: 20px"></span>
 						</div>
-						<div class="botoom-item" @click="onExit()" title="退出">
+						<div class="bottom-item" @click="onExit()" title="退出">
 							<span class="icon iconfont icon-exit"></span>
 						</div>
 					</div>
@@ -440,7 +440,6 @@ export default {
 	border-radius: 4px;
 	overflow: hidden;
 	background: var(--im-color-primary-light-9);
-	//background-image: url('../assets/image/background.jpg');
 
 	.app-container {
 		width: 62vw;
@@ -535,7 +534,7 @@ export default {
 			}
 		}
 
-		.botoom-item {
+		.bottom-item {
 			display: flex;
 			justify-content: center;
 			align-items: center;
diff --git a/im-web/src/view/Login.vue b/im-web/src/view/Login.vue
index 3ecf9f2..950820e 100644
--- a/im-web/src/view/Login.vue
+++ b/im-web/src/view/Login.vue
@@ -1,9 +1,9 @@
 <template>
 	<div class="login-view">
-		<div class="login-content">
-			<el-form class="login-form" :model="loginForm" status-icon :rules="rules" ref="loginForm" label-width="60px"
+		<div class="content">
+			<el-form class="form" :model="loginForm" status-icon :rules="rules" ref="loginForm" label-width="60px"
 				@keyup.enter.native="submitForm('loginForm')">
-				<div class="login-brand">
+				<div class="title">
 					<img class="logo" src="../../public/logo.png" />
 					<div>登录盒子IM</div>
 				</div>
@@ -126,14 +126,14 @@ export default {
 	box-sizing: border-box;
 
 
-	.login-content {
+	.content {
 		position: relative;
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
 		padding: 10%;
 
-		.login-form {
+		.form {
 			height: 340px;
 			width: 400px;
 			padding: 30px;
@@ -144,7 +144,7 @@ export default {
 			overflow: hidden;
 			border: 1px solid #ccc;
 
-			.login-brand {
+			.title {
 				display: flex;
 				justify-content: center;
 				align-items: center;
diff --git a/im-web/src/view/Register.vue b/im-web/src/view/Register.vue
index 81163b8..d90ca4b 100644
--- a/im-web/src/view/Register.vue
+++ b/im-web/src/view/Register.vue
@@ -2,22 +2,22 @@
 	<el-container class="register-view">
 		<div>
 			<el-form :model="registerForm" status-icon :rules="rules" ref="registerForm" label-width="80px"
-				class="web-ruleForm">
-				<div class="register-brand">
+				class="content">
+				<div class="title">
 					<img class="logo" src="../../public/logo.png" />
 					<div>欢迎成为盒子IM的用户</div>
 				</div>
 				<el-form-item label="用户名" prop="userName">
-					<el-input type="userName" v-model="registerForm.userName" autocomplete="off"
-						placeholder="用户名(登录使用)" maxlength="20"></el-input>
+					<el-input type="userName" v-model="registerForm.userName" autocomplete="off" placeholder="用户名(登录使用)"
+						maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="昵称" prop="nickName">
-					<el-input type="nickName" v-model="registerForm.nickName" autocomplete="off"
-						placeholder="昵称" maxlength="20"></el-input>
+					<el-input type="nickName" v-model="registerForm.nickName" autocomplete="off" placeholder="昵称"
+						maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="密码" prop="password">
-					<el-input type="password" v-model="registerForm.password" autocomplete="off"
-						placeholder="密码" maxlength="20"></el-input>
+					<el-input type="password" v-model="registerForm.password" autocomplete="off" placeholder="密码"
+						maxlength="20"></el-input>
 				</el-form-item>
 				<el-form-item label="确认密码" prop="confirmPassword">
 					<el-input type="password" v-model="registerForm.confirmPassword" autocomplete="off"
@@ -133,7 +133,7 @@ export default {
 	height: 100%;
 	background: rgb(232, 242, 255);
 
-	.web-ruleForm {
+	.content {
 		width: 500px;
 		height: 450px;
 		padding: 20px;
@@ -144,7 +144,7 @@ export default {
 		overflow: hidden;
 		border-radius: 3%;
 
-		.register-brand {
+		.title {
 			display: flex;
 			justify-content: center;
 			align-items: center;

From 4fba26ae607f0e388e454d79dd2bf57ab43af9c7 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Fri, 23 May 2025 14:30:37 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E7=AE=80=E5=8C=96css=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat-message-item/chat-message-item.vue   | 91 +++++++++----------
 .../components/friend-item/friend-item.vue    | 16 +++-
 im-uniapp/pages/chat/chat-box.vue             |  4 +-
 3 files changed, 54 insertions(+), 57 deletions(-)

diff --git a/im-uniapp/components/chat-message-item/chat-message-item.vue b/im-uniapp/components/chat-message-item/chat-message-item.vue
index 0904bad..ec00744 100644
--- a/im-uniapp/components/chat-message-item/chat-message-item.vue
+++ b/im-uniapp/components/chat-message-item/chat-message-item.vue
@@ -1,29 +1,29 @@
 <template>
-	<view class="chat-msg-item">
-		<view class="chat-msg-tip" v-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TEXT">
+	<view class="chat-message-item">
+		<view class="message-tip" v-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TEXT">
 			{{ msgInfo.content }}
 		</view>
-		<view class="chat-msg-tip" v-else-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TIME">
+		<view class="message-tip" v-else-if="msgInfo.type == $enums.MESSAGE_TYPE.TIP_TIME">
 			{{ $date.toTimeText(msgInfo.sendTime) }}
 		</view>
-		<view class="chat-msg-normal" v-else-if="isNormal" :class="{ 'chat-msg-mine': msgInfo.selfSend }">
+		<view class="message-normal" v-else-if="isNormal" :class="{ 'message-mine': msgInfo.selfSend }">
 			<head-image class="avatar" @longpress.prevent="$emit('longPressHead')" :id="msgInfo.sendId" :url="headImage"
 				:name="showName" size="small"></head-image>
-			<view class="chat-msg-content">
-				<view v-if="msgInfo.groupId && !msgInfo.selfSend" class="chat-msg-top">
+			<view class="content">
+				<view v-if="msgInfo.groupId && !msgInfo.selfSend" class="top">
 					<text>{{ showName }}</text>
 				</view>
-				<view class="chat-msg-bottom">
+				<view class="bottom">
 					<view v-if="msgInfo.type == $enums.MESSAGE_TYPE.TEXT">
 						<long-press-menu :items="menuItems" @select="onSelectMenu">
 							<!-- rich-text支持显示表情，但是不支持点击a标签 -->
-							<rich-text v-if="$emo.containEmoji(msgInfo.content)" class="chat-msg-text"
+							<rich-text v-if="$emo.containEmoji(msgInfo.content)" class="message-text"
 								:nodes="nodesText"></rich-text>
 							<!-- up-parse支持点击a标签,但安卓打包后表情无法显示,原因未知 -->
-							<up-parse v-else class="chat-msg-text" :showImgMenu="false" :content="nodesText"></up-parse>
+							<up-parse v-else class="message-text" :showImgMenu="false" :content="nodesText"></up-parse>
 						</long-press-menu>
 					</view>
-					<view class="chat-msg-image" v-if="msgInfo.type == $enums.MESSAGE_TYPE.IMAGE">
+					<view class="message-image" v-if="msgInfo.type == $enums.MESSAGE_TYPE.IMAGE">
 						<long-press-menu :items="menuItems" @select="onSelectMenu">
 							<view class="img-load-box">
 								<image class="send-image" mode="heightFix" :src="JSON.parse(msgInfo.content).thumbUrl"
@@ -35,15 +35,15 @@
 						<text title="发送失败" v-if="loadFail" @click="onSendFail"
 							class="send-fail iconfont icon-warning-circle-fill"></text>
 					</view>
-					<view class="chat-msg-file" v-if="msgInfo.type == $enums.MESSAGE_TYPE.FILE">
+					<view class="message-file" v-if="msgInfo.type == $enums.MESSAGE_TYPE.FILE">
 						<long-press-menu :items="menuItems" @select="onSelectMenu">
-							<view class="chat-file-box">
-								<view class="chat-file-info">
-									<uni-link class="chat-file-name" :text="data.name" showUnderLine="true"
+							<view class="file-box">
+								<view class="file-info">
+									<uni-link class="file-name" :text="data.name" showUnderLine="true"
 										color="#007BFF" :href="data.url"></uni-link>
-									<view class="chat-file-size">{{ fileSize }}</view>
+									<view class="file-size">{{ fileSize }}</view>
 								</view>
-								<view class="chat-file-icon iconfont icon-file"></view>
+								<view class="file-icon iconfont icon-file"></view>
 								<loading v-if="loading"></loading>
 							</view>
 						</long-press-menu>
@@ -52,7 +52,7 @@
 					</view>
 					<long-press-menu v-if="msgInfo.type == $enums.MESSAGE_TYPE.AUDIO" :items="menuItems"
 						@select="onSelectMenu">
-						<view class="chat-msg-audio chat-msg-text" @click="onPlayAudio()">
+						<view class="message-audio message-text" @click="onPlayAudio()">
 							<text class="iconfont icon-voice-play"></text>
 							<text class="chat-audio-text">{{ JSON.parse(msgInfo.content).duration + '"' }}</text>
 							<text v-if="audioPlayState == 'PAUSE'" class="iconfont icon-play"></text>
@@ -60,7 +60,7 @@
 						</view>
 					</long-press-menu>
 					<long-press-menu v-if="isAction" :items="menuItems" @select="onSelectMenu">
-						<view class="chat-realtime chat-msg-text" @click="$emit('call')">
+						<view class="chat-realtime message-text" @click="$emit('call')">
 							<text v-if="msgInfo.type == $enums.MESSAGE_TYPE.ACT_RT_VOICE"
 								class="iconfont icon-chat-voice"></text>
 							<text v-if="msgInfo.type == $enums.MESSAGE_TYPE.ACT_RT_VIDEO"
@@ -68,7 +68,7 @@
 							<text>{{ msgInfo.content }}</text>
 						</view>
 					</long-press-menu>
-					<view class="chat-msg-status" v-if="!isAction">
+					<view class="message-status" v-if="!isAction">
 						<text class="chat-readed" v-if="msgInfo.selfSend && !msgInfo.groupId
 							&& msgInfo.status == $enums.MESSAGE_STATUS.READED">已读</text>
 						<text class="chat-unread" v-if="msgInfo.selfSend && !msgInfo.groupId
@@ -82,7 +82,6 @@
 			</view>
 		</view>
 		<chat-group-readed ref="chatGroupReaded" :groupMembers="groupMembers" :msgInfo="msgInfo"></chat-group-readed>
-
 	</view>
 </template>
 
@@ -241,15 +240,14 @@ export default {
 			return this.$emo.transform(text, 'emoji-normal')
 		}
 	}
-
 }
 </script>
 
 <style scoped lang="scss">
-.chat-msg-item {
+.chat-message-item {
 	padding: 2rpx 20rpx;
 
-	.chat-msg-tip {
+	.message-tip {
 		line-height: 60rpx;
 		text-align: center;
 		color: $im-text-color-lighter;
@@ -257,7 +255,7 @@ export default {
 		padding: 10rpx;
 	}
 
-	.chat-msg-normal {
+	.message-normal {
 		position: relative;
 		margin-bottom: 22rpx;
 		padding-left: 110rpx;
@@ -269,10 +267,10 @@ export default {
 			left: 0;
 		}
 
-		.chat-msg-content {
+		.content {
 			text-align: left;
 
-			.chat-msg-top {
+			.top {
 				display: flex;
 				flex-wrap: nowrap;
 				color: $im-text-color-lighter;
@@ -281,12 +279,12 @@ export default {
 				height: $im-font-size-smaller;
 			}
 
-			.chat-msg-bottom {
+			.bottom {
 				display: inline-block;
 				padding-right: 80rpx;
 				margin-top: 5rpx;
 
-				.chat-msg-text {
+				.message-text {
 					position: relative;
 					line-height: 1.6;
 					margin-top: 10rpx;
@@ -300,7 +298,6 @@ export default {
 					word-break: break-all;
 					white-space: pre-line;
 
-
 					&:after {
 						content: "";
 						position: absolute;
@@ -315,8 +312,7 @@ export default {
 					}
 				}
 
-
-				.chat-msg-image {
+				.message-image {
 					display: flex;
 					flex-wrap: nowrap;
 					flex-direction: row;
@@ -334,7 +330,6 @@ export default {
 						}
 					}
 
-
 					.send-fail {
 						color: $im-color-danger;
 						font-size: $im-font-size;
@@ -343,14 +338,14 @@ export default {
 					}
 				}
 
-				.chat-msg-file {
+				.message-file {
 					display: flex;
 					flex-wrap: nowrap;
 					flex-direction: row;
 					align-items: center;
 					cursor: pointer;
 
-					.chat-file-box {
+					.file-box {
 						position: relative;
 						display: flex;
 						flex-wrap: nowrap;
@@ -360,21 +355,21 @@ export default {
 						padding: 10px 15px;
 						box-shadow: $im-box-shadow-dark;
 
-						.chat-file-info {
+						.file-info {
 							flex: 1;
 							height: 100%;
 							text-align: left;
 							font-size: 14px;
 							width: 300rpx;
 
-							.chat-file-name {
+							.file-name {
 								font-weight: 600;
 								margin-bottom: 15px;
 								word-break: break-all;
 							}
 						}
 
-						.chat-file-icon {
+						.file-icon {
 							font-size: 80rpx;
 							color: #d42e07;
 						}
@@ -386,10 +381,9 @@ export default {
 						cursor: pointer;
 						margin: 0 20rpx;
 					}
-
 				}
 
-				.chat-msg-audio {
+				.message-audio {
 					display: flex;
 					align-items: center;
 
@@ -413,7 +407,7 @@ export default {
 					}
 				}
 
-				.chat-msg-status {
+				.message-status {
 					line-height: $im-font-size-smaller-extra;
 					font-size: $im-font-size-smaller-extra;
 					padding-top: 2rpx;
@@ -442,8 +436,7 @@ export default {
 			}
 		}
 
-
-		&.chat-msg-mine {
+		&.message-mine {
 			text-align: right;
 			padding-left: 0;
 			padding-right: 110rpx;
@@ -453,14 +446,14 @@ export default {
 				right: 0;
 			}
 
-			.chat-msg-content {
+			.content {
 				text-align: right;
 
-				.chat-msg-bottom {
+				.bottom {
 					padding-left: 80rpx;
 					padding-right: 0;
 
-					.chat-msg-text {
+					.message-text {
 						margin-left: 10px;
 						background-color: $im-color-primary-light-2;
 						color: #fff;
@@ -472,15 +465,15 @@ export default {
 						}
 					}
 
-					.chat-msg-image {
+					.message-image {
 						flex-direction: row-reverse;
 					}
 
-					.chat-msg-file {
+					.message-file {
 						flex-direction: row-reverse;
 					}
 
-					.chat-msg-audio {
+					.message-audio {
 						flex-direction: row-reverse;
 
 						.chat-audio-text {
@@ -501,11 +494,9 @@ export default {
 							transform: rotateY(180deg);
 						}
 					}
-
 				}
 			}
 		}
-
 	}
 }
 </style>
\ No newline at end of file
diff --git a/im-uniapp/components/friend-item/friend-item.vue b/im-uniapp/components/friend-item/friend-item.vue
index 6983056..543ef87 100644
--- a/im-uniapp/components/friend-item/friend-item.vue
+++ b/im-uniapp/components/friend-item/friend-item.vue
@@ -20,14 +20,20 @@ export default {
 	},
 	methods: {
 		showFriendInfo() {
-			uni.navigateTo({
-				url: "/pages/common/user-info?id=" + this.friend.id
-			})
-		},
+			if (this.detail) {
+				uni.navigateTo({
+					url: "/pages/common/user-info?id=" + this.friend.id
+				})
+			}
+		}
 	},
 	props: {
 		friend: {
 			type: Object
+		},
+		detail: {
+			type: Boolean,
+			default: true
 		}
 	}
 }
@@ -73,4 +79,4 @@ export default {
 		}
 	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/im-uniapp/pages/chat/chat-box.vue b/im-uniapp/pages/chat/chat-box.vue
index d0a8dfb..9ca2d61 100644
--- a/im-uniapp/pages/chat/chat-box.vue
+++ b/im-uniapp/pages/chat/chat-box.vue
@@ -2,7 +2,7 @@
 	<view class="page chat-box" id="chatBox">
 		<nav-bar back more @more="onShowMore">{{ title }}</nav-bar>
 		<view class="chat-main-box" :style="{height: chatMainHeight+'px'}">
-			<view class="chat-msg" @click="switchChatTabBox('none')">
+			<view class="chat-message" @click="switchChatTabBox('none')">
 				<scroll-view class="scroll-box" scroll-y="true" upper-threshold="200" @scrolltoupper="onScrollToTop"
 					:scroll-into-view="'chat-item-' + scrollMsgIdx">
 					<view v-if="chat" v-for="(msgInfo, idx) in chat.messages" :key="idx">
@@ -1015,7 +1015,7 @@ export default {
 		flex-direction: column;
 		z-index: 2;
 
-		.chat-msg {
+		.chat-message {
 			flex: 1;
 			padding: 0;
 			overflow: hidden;

From 39b2f716f471e6d97c6d0264e633c740b58d1e3c Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Fri, 30 May 2025 16:14:43 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E7=AE=80=E5=8C=96css=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-uniapp/components/chat-message-item/chat-message-item.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/im-uniapp/components/chat-message-item/chat-message-item.vue b/im-uniapp/components/chat-message-item/chat-message-item.vue
index ec00744..aa7441c 100644
--- a/im-uniapp/components/chat-message-item/chat-message-item.vue
+++ b/im-uniapp/components/chat-message-item/chat-message-item.vue
@@ -25,7 +25,7 @@
 					</view>
 					<view class="message-image" v-if="msgInfo.type == $enums.MESSAGE_TYPE.IMAGE">
 						<long-press-menu :items="menuItems" @select="onSelectMenu">
-							<view class="img-load-box">
+							<view class="image-box">
 								<image class="send-image" mode="heightFix" :src="JSON.parse(msgInfo.content).thumbUrl"
 									lazy-load="true" @click.stop="onShowFullImage()">
 								</image>
@@ -318,7 +318,7 @@ export default {
 					flex-direction: row;
 					align-items: center;
 
-					.img-load-box {
+					.image-box {
 						position: relative;
 
 						.send-image {

From ab9763fd94f72053034e16ee7e7ef32ed7908815 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Fri, 30 May 2025 17:30:01 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=9E=E5=88=B0?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E5=BA=95=E9=83=A8=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-uniapp/pages/chat/chat-box.vue      |  65 ++++++++---
 im-web/src/components/chat/ChatBox.vue | 146 +++++++++++++++----------
 2 files changed, 140 insertions(+), 71 deletions(-)

diff --git a/im-uniapp/pages/chat/chat-box.vue b/im-uniapp/pages/chat/chat-box.vue
index 9ca2d61..8875d3d 100644
--- a/im-uniapp/pages/chat/chat-box.vue
+++ b/im-uniapp/pages/chat/chat-box.vue
@@ -15,6 +15,9 @@
 						</chat-message-item>
 					</view>
 				</scroll-view>
+				<view v-if="!isInBottom" class="scroll-to-bottom" @click="onClickToBottom">
+					{{ newMessageSize > 0 ?  newMessageSize+'条新消息' :'回到底部'}}
+				</view>
 			</view>
 			<view v-if="atUserIds.length > 0" class="chat-at-bar" @click="openAtBox()">
 				<view class="iconfont icon-at">&nbsp;</view>
@@ -140,7 +143,9 @@ export default {
 			isEmpty: true, // 编辑器是否为空
 			isFocus: false, // 编辑器是否焦点
 			isReadOnly: false, // 编辑器是否只读
-			playingAudio: null // 当前正在播放的录音消息
+			playingAudio: null, // 当前正在播放的录音消息
+			isInBottom: true, // 滚动条是否在底部
+			newMessageSize: 0 // 滚动条不在底部时新的消息数量
 		}
 	},
 	methods: {
@@ -561,17 +566,32 @@ export default {
 				}
 			});
 		},
+		onClickToBottom() {
+			this.scrollToBottom();
+			// 有些设备滚到底部时会莫名触发滚动到顶部的事件
+			// 所以这里延迟100s保证能准确设置底部标志
+			setTimeout(() => {
+				this.isInBottom = true;
+				this.newMessageSize = 0;
+			}, 100)
+		},
 		onScrollToTop() {
-			if (this.showMinIdx == 0) {
-				console.log("消息已滚动到顶部")
-				return;
+			console.log("onScrollToTop")
+			if (this.showMinIdx > 0) {
+				//  #ifndef H5
+				// 防止滚动条定格在顶部，不能一直往上滚
+				this.scrollToMsgIdx(this.showMinIdx);
+				// #endif
+				// 多展示20条信息
+				this.showMinIdx = this.showMinIdx > 20 ? this.showMinIdx - 20 : 0;
 			}
-			//  #ifndef H5
-			// 防止滚动条定格在顶部，不能一直往上滚
-			this.scrollToMsgIdx(this.showMinIdx);
-			// #endif
-			// 多展示20条信息
-			this.showMinIdx = this.showMinIdx > 20 ? this.showMinIdx - 20 : 0;
+			// 清除底部标识
+			this.isInBottom = false;
+		},
+		onScrollToBottom(e) {
+			// 设置底部标识
+			this.isInBottom = true;
+			this.newMessageSize = 0;
 		},
 		onShowMore() {
 			if (this.chat.type == "GROUP") {
@@ -639,7 +659,6 @@ export default {
 				method: 'PUT'
 			}).then(() => {
 				this.chatStore.resetUnreadCount(this.chat)
-				this.scrollToBottom();
 			})
 		},
 		loadGroup(groupId) {
@@ -907,12 +926,12 @@ export default {
 		messageSize: function(newSize, oldSize) {
 			// 接收到消息时滚动到底部
 			if (newSize > oldSize) {
-				let pages = getCurrentPages();
-				let curPage = pages[pages.length - 1].route;
-				if (curPage == "pages/chat/chat-box") {
+				if (this.isInBottom) {
+					// 收到消息,则滚动至底部
 					this.scrollToBottom();
 				} else {
-					this.needScrollToBottom = true;
+					// 若滚动条不在底部，说明用户正在翻历史消息，此时滚动条不能动，同时增加新消息提示
+					this.newMessageSize++;
 				}
 			}
 		},
@@ -949,7 +968,8 @@ export default {
 		// 计算聊天窗口高度
 		this.$nextTick(() => {
 			this.windowHeight = uni.getSystemInfoSync().windowHeight;
-			this.reCalChatMainHeight()
+			this.reCalChatMainHeight();
+			this.scrollToBottom();
 			// #ifdef H5
 			this.initHeight = window.innerHeight;
 			// 兼容ios的h5:禁止页面滚动
@@ -1025,6 +1045,19 @@ export default {
 			.scroll-box {
 				height: 100%;
 			}
+
+			.scroll-to-bottom {
+				position: absolute;
+				right: 30rpx;
+				bottom: 30rpx;
+				font-size: $im-font-size;
+				color: $im-color-primary;
+				font-weight: 600;
+				background: white;
+				padding: 10rpx 30rpx;
+				border-radius: 25rpx;
+				box-shadow: $im-box-shadow-dark;
+			}
 		}
 
 		.chat-at-bar {
diff --git a/im-web/src/components/chat/ChatBox.vue b/im-web/src/components/chat/ChatBox.vue
index b5b2cd9..55788db 100644
--- a/im-web/src/components/chat/ChatBox.vue
+++ b/im-web/src/components/chat/ChatBox.vue
@@ -22,6 +22,9 @@
 								</ul>
 							</div>
 						</el-main>
+						<div v-if="!isInBottom" class="scroll-to-bottom" @click="scrollToBottom">
+							{{ newMessageSize > 0 ? newMessageSize + '条新消息' : '回到底部' }}
+						</div>
 						<el-footer height="220px" class="im-chat-footer">
 							<div class="chat-tool-bar">
 								<div title="表情" class="icon iconfont icon-emoji" ref="emotion"
@@ -129,8 +132,10 @@ export default {
 			showHistory: false, // 是否显示历史聊天记录
 			lockMessage: false, // 是否锁定发送，
 			showMinIdx: 0, // 下标低于showMinIdx的消息不显示，否则页面会很卡置
-			reqQueue: [],
-			isSending: false
+			reqQueue: [], // 等待发送的请求队列
+			isSending: false, // 是否正在发消息
+			isInBottom: false, // 滚动条是否在底部
+			newMessageSize: 0 // 滚动条不在底部时新的消息数量
 		}
 	},
 	methods: {
@@ -276,6 +281,12 @@ export default {
 			if (scrollTop < 30) { // 在顶部,不滚动的情况
 				// 多展示20条信息
 				this.showMinIdx = this.showMinIdx > 20 ? this.showMinIdx - 20 : 0;
+				this.isInBottom = false;
+			}
+			// 滚到底部
+			if (scrollTop + scrollElement.clientHeight >= scrollElement.scrollHeight - 30) {
+				this.isInBottom = true;
+				this.newMessageSize = 0;
 			}
 		},
 		showEmotionBox() {
@@ -729,8 +740,13 @@ export default {
 		messageSize: {
 			handler(newSize, oldSize) {
 				if (newSize > oldSize) {
-					// 拉至底部
-					this.scrollToBottom();
+					if (this.isInBottom) {
+						// 拉至底部
+						this.scrollToBottom();
+					} else {
+						// 增加新消息提醒
+						this.newMessageSize++;
+					}
 				}
 			}
 		}
@@ -767,72 +783,92 @@ export default {
 		}
 	}
 
-	.im-chat-main {
-		padding: 0;
-		background-color: #fff;
+	.content-box {
+		position: relative;
+
+		.im-chat-main {
+			padding: 0;
+			background-color: #fff;
 
-		.im-chat-box {
-			>ul {
-				padding: 0 20px;
+			.im-chat-box {
+				>ul {
+					padding: 0 20px;
 
-				li {
-					list-style-type: none;
+					li {
+						list-style-type: none;
+					}
 				}
 			}
 		}
-	}
 
-	.im-chat-footer {
-		display: flex;
-		flex-direction: column;
-		padding: 0;
+		.scroll-to-bottom {
+			text-align: right;
+			position: absolute;
+			right: 20px;
+			bottom: 230px;
+			color: var(--im-color-primary);
+			font-size: var(--im-font-size);
+			font-weight: 600;
+			background: #eee;
+			padding: 5px 15px;
+			border-radius: 15px;
+			cursor: pointer;
+			z-index: 99;
+			box-shadow: var(--im-box-shadow-light);
+		}
 
-		.chat-tool-bar {
+		.im-chat-footer {
 			display: flex;
-			position: relative;
-			width: 100%;
-			height: 36px;
-			text-align: left;
-			box-sizing: border-box;
-			border-top: var(--im-border);
-			padding: 4px 2px 2px 8px;
+			flex-direction: column;
+			padding: 0;
+
+			.chat-tool-bar {
+				display: flex;
+				position: relative;
+				width: 100%;
+				height: 36px;
+				text-align: left;
+				box-sizing: border-box;
+				border-top: var(--im-border);
+				padding: 4px 2px 2px 8px;
 
-			>div {
-				font-size: 22px;
-				cursor: pointer;
-				line-height: 30px;
-				width: 30px;
-				height: 30px;
-				text-align: center;
-				border-radius: 2px;
-				margin-right: 8px;
-				color: #999;
-				transition: 0.3s;
+				>div {
+					font-size: 22px;
+					cursor: pointer;
+					line-height: 30px;
+					width: 30px;
+					height: 30px;
+					text-align: center;
+					border-radius: 2px;
+					margin-right: 8px;
+					color: #999;
+					transition: 0.3s;
 
-				&.chat-tool-active {
-					font-weight: 600;
-					color: var(--im-color-primary);
-					background-color: #ddd;
+					&.chat-tool-active {
+						font-weight: 600;
+						color: var(--im-color-primary);
+						background-color: #ddd;
+					}
 				}
-			}
 
-			>div:hover {
-				color: #333;
+				>div:hover {
+					color: #333;
+				}
 			}
-		}
 
-		.send-content-area {
-			position: relative;
-			display: flex;
-			flex-direction: column;
-			height: 100%;
-			background-color: white !important;
+			.send-content-area {
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+				background-color: white !important;
 
-			.send-btn-area {
-				padding: 10px;
-				position: absolute;
-				bottom: 4px;
-				right: 6px;
+				.send-btn-area {
+					padding: 10px;
+					position: absolute;
+					bottom: 4px;
+					right: 6px;
+				}
 			}
 		}
 	}