From f66ae0914c036973c516378fbc67cea733f5336b Mon Sep 17 00:00:00 2001 From: congzc Date: Thu, 23 Mar 2023 18:14:35 +0800 Subject: [PATCH] a --- src/assets/icon/icon-loginoutwhite.png | Bin 0 -> 1071 bytes src/views/chat/chat.vue | 43 +++++++++++++++++++++++-- 2 files changed, 41 insertions(+), 2 deletions(-) create mode 100644 src/assets/icon/icon-loginoutwhite.png diff --git a/src/assets/icon/icon-loginoutwhite.png b/src/assets/icon/icon-loginoutwhite.png new file mode 100644 index 0000000000000000000000000000000000000000..1f3dd87e99f9ee7b1d524e89a07e52cce60f354a GIT binary patch literal 1071 zcmV+~1kn45P)>lXf00001b5ch_0Itp) z=>Px&=}AOER9Hvtn0x5ma~Q{8Z~Wmh*G!hh#84(}qDi}uXcLX*8j_|+OoJJS=lMvqmEH0Zr1G6Q) z)ehz#Ahz@QDPVpbcmh}`>Cavz*#t;S*Y;JwP4)aaFr)nswgXuN+*b$Vl{u3B=+_rE z2S_!*+uA&{T++EM`y)VX?*x1b><0V*Oq2A*pyo6NAPLjUz!A9?m?bIC8>`0l)xeE) z@nT6yuz|9de${TwFUjq9M3Q1es2lkO3)wUv~Twa+f>5~9S zX|5@S>m=PU&=qxHEFLMZ%&iuY$7>}m36SgaP__?|^xl5}BvJSpNaI{1X>NdIjHd-} zkhFVK5cSUz-)BqbL`fv;aw!91OfE>F^=#H&(ZuL3nv7Obn2Rfir+)@2*XoS>qdf9JKv>n19Mx z(xd>n47jz%&JX9VScqt_37Hl3a=0E9t`V0%AM-H9R(QkEDz8p#>zp|BXWV z7m%&(=`9V$_C7@c_5eZ|50I3J|1XQTozScULS90Sj+FGlmI6}=8WMD9*}PKH%`N+# za(+GpbB38nWAFi%pr$SCQx>E-*-|B$8ti~LsG zU#e@Zq?Gz7u^l=v9XJ)p08LW1B%w*qh?h5!zON;0hi%^t9M+-vJMbZp{Uq6+={*TJ z2*|G6F7e_Ok{;~m&4KSnYVleCWE9NmwJ&$MB;EQhAl*7(`^rEd?b^1d6s^oso+R88 p$lQpB^4cnwXI04NpYGXM{sy))qvUZUhO__x002ovPDHLkV1mjn^;rM_ literal 0 HcmV?d00001 diff --git a/src/views/chat/chat.vue b/src/views/chat/chat.vue index 3e91e5d..5eaaa04 100644 --- a/src/views/chat/chat.vue +++ b/src/views/chat/chat.vue @@ -5,8 +5,15 @@
- -
退出聊天
+ +
+ + 退出聊天 +
+
+ +
+
@@ -58,4 +65,36 @@ export default { transform: translateX(0); } } +.contnet { + + .head { + display: flex; + justify-content: space-between; + padding: 4px 10px; + >img { + width: 36px; + height: 36px; + } + &-exit { + margin-top: 4px; + width: 97px; + height: 28px; + text-align: center; + line-height: 28px; + background: #24A9FF; + color: #fff; + box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); + border-radius: 33px; + >img { + margin-top: -2px; + margin-right: 4px; + } + } + } + .showBody { + width: 100%; + height: calc(100vh - 44px) ; + background-color: red; + } +}