From aa47631a4ec55fd47ae197463b82f2a309f953b1 Mon Sep 17 00:00:00 2001
From: xuan <3142316616@qq.com>
Date: Mon, 25 Nov 2024 12:36:19 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/icon/UserIcon.png               | Bin 0 -> 10575 bytes
 src/assets/css/chat/honneyBtn.css      |  26 +++
 src/assets/pictures/chat/Calendar.png  | Bin 0 -> 1538 bytes
 src/assets/pictures/chat/GuanZhu.png   | Bin 0 -> 4504 bytes
 src/assets/pictures/chat/HeiMinDan.png | Bin 0 -> 3325 bytes
 src/assets/pictures/chat/Location.png  | Bin 0 -> 2164 bytes
 src/assets/pictures/chat/SendBtn.png   | Bin 0 -> 3664 bytes
 src/assets/pictures/chat/portrait.png  | Bin 0 -> 3301 bytes
 src/assets/pictures/chat/search.png    | Bin 0 -> 1736 bytes
 src/assets/pictures/chat/tree.png      | Bin 0 -> 829 bytes
 src/views/chat/HonneyBtn.vue           |  67 ++++++
 src/views/chat/chat.vue                | 276 ++++++++++++++++++++++++-
 src/views/login/login.vue              |   1 +
 13 files changed, 367 insertions(+), 3 deletions(-)
 create mode 100644 public/icon/UserIcon.png
 create mode 100644 src/assets/css/chat/honneyBtn.css
 create mode 100644 src/assets/pictures/chat/Calendar.png
 create mode 100644 src/assets/pictures/chat/GuanZhu.png
 create mode 100644 src/assets/pictures/chat/HeiMinDan.png
 create mode 100644 src/assets/pictures/chat/Location.png
 create mode 100644 src/assets/pictures/chat/SendBtn.png
 create mode 100644 src/assets/pictures/chat/portrait.png
 create mode 100644 src/assets/pictures/chat/search.png
 create mode 100644 src/assets/pictures/chat/tree.png
 create mode 100644 src/views/chat/HonneyBtn.vue

diff --git a/public/icon/UserIcon.png b/public/icon/UserIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ff1e8cc4e28ed31f063861ef226adb32b01bf17
GIT binary patch
literal 10575
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

literal 0
HcmV?d00001

diff --git a/src/assets/css/chat/honneyBtn.css b/src/assets/css/chat/honneyBtn.css
new file mode 100644
index 00000000..ac3e6cba
--- /dev/null
+++ b/src/assets/css/chat/honneyBtn.css
@@ -0,0 +1,26 @@
+/* 给圆形定义关键帧 */
+@keyframes switch {
+    0% {
+        left: calc(4px * 0.5);
+    }
+    60% {
+        left:calc(4px * 0.5);
+        width: calc(112px * 0.5);
+    }
+    100%{
+        left: calc(104px * 0.5);
+    }
+}
+@keyframes reverse_switch {
+    0% {
+        left: calc(104px * 0.5);
+    }
+    60%{
+        left: calc(74px * 0.5);
+        width: calc(112px * 0.5);
+    }
+    100%{
+        left: calc(4px * 0.5);
+    }
+}
+
diff --git a/src/assets/pictures/chat/Calendar.png b/src/assets/pictures/chat/Calendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..c39deee57e60324a4840d6c3b83cdd88d69c1f6d
GIT binary patch
literal 1538
zcmV+d2L1VoP)<h;3K|Lk000e1NJLTq002w?002w~1^@s6$Cptn00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1(!)gK~#7F?VL|;
z+eQ?|-;gp;Bn7G)l-@V6v-48Q3FJkA#tvZR1fkGX(K@Cq7sxL33CsYETc8Uo7pT;o
zc6FNW&77bK&_949l6j9D1A?TP;mG4arsf9-usM9B_>r7>?;DB$7K_DVu~_EA%C6Y*
zgZdqCS{Sea;MAcKr0+6-*QeprsBA<j!5(#bPauN;H(n8;W{5M$x@ClORVzI5dj}}g
zGyL;2s4jH|taWee0lXOvewVE%6>P^pY~w{3!is>mTjQ&(=KH@!gOO+*N4^1e04s)r
z$K1yLTHG$6xVpfD)uVoigPW*Pa)o7^u(F7cT_{+EN5m4iUx-?yeVAnyE0`u$FimQ(
z7%@}>4>ZvgEKVS4{t^Z;RDf^%z;nSp!#_)B1X{Ob0`RyhVi9yKnB8}DVzdNvTy_B!
zV+={Gv%c;0HL-$evgjx&gp5Y?fi|&ksAIKouG{Bb8I@UK?rFz=?FXA{;B2Ol#uz&U
z!x$Cpq2FtvUvx5AR_*#n(He|9Q5d{a#ZMZQj5|*|elIu;_q(cC68dg2;x*`h9Q|<L
zy*R~A{pWDM4~8&yOVSXH8#|k=L9_NHxF@Q3a!0ZZ!s&RtQiF&7p|6U+3$^FK#hQS=
z)5(tiqcJ1Fm|!l{gx(n*bZh6^qc0`lQt!=C_;Pfz=)?$`@dS+9U<iYqe&$J=le8&n
z;)b0EV(KzeuLiF43S!`FfFX<thPRTmk4k~XqBh>YN#hlLpt657g~==Im820zto<R#
zk;JnIB-9`|2T6U4GeR%G5XJ=KQ&clw4Erxk51egPJl3cI%s*(XU&qo>lCD0!k9k+x
z3!QmK6-E=+m*IXJ&*o$Nb4VY|rH--mxPKacf3Aw9d}|HYy^2Sn`}pbpi_6O7Vzdtw
z{XP^YEsv*d(RTua7*AaJ*^FQTcs~`vg7I9~Hryb#G}6Qhrim3y6Dyb|H{w>@;WNjJ
zI0n~sE3iyzIN*2`|38kF{SrmL4o0uA-Okb8=ipvoU3fwtbPNXQHk`@Inn~zMA#@!6
zrdS7^2aLbK_)^bzkkIH(3}~NM@wlx&$Uy;v7<DTk%c41ML+e9fyGS8x2V;Zj<p$h}
zvs>p@APtpUf!2;t6qQ?12qJVVXzNeF5S4H%97sKoz*OH&1M603QVF->r()Z&sC{YO
z3hbbdr<a#?E3ojUJ}jQoq;x9?zK?izIUFyoTY+cVCx?JL4Y}L!4<zel+zPto&{<fY
zbSv<1JDP4qlN=Jr-4aG8u!$2W$`MwFrE)8-8_$I`D$q2xG}6Qhrim3y6Dyb|#yfp-
z3$RSu!_f{i^YnEJS)}7Q?B;c&vr)unuS}){CNL@(|6Ni**-!DSFNdDB*uz?HTa{Yy
zXCnrXKMi;l&syj}9MI%QWZ0%z6l1q!{%ph?w*m1Oq)NAfyAAVP1@98rjiw4Z7!wRV
zs69!uM~@+al&mG*wqwj~xGtZp)2~U~2<}A4OvZXy6Y{1pCK%e$Z)NRcNpW1lt%xhv
zhq>THqBiW?`oD&OqMl@3NxU();kp<Tj4T#jI8R>*!xR$bqunpVA3`eDr<bExT`Zsj
zSQ3o(VU#n`^9^|5+vGHmTYwHk=^sL%=mEy(js<;^-04^zu?XXdD;Fn*1>x}#EGf1$
z(!>g;iBK>$XP8fuY#k~F&XPA~mnQE;>r47DHj@Up`K0J!2Xn3=R0EvoWzVyj#Y~t2
z3EzxDnKjN>(~q&1BE$ZK#5A`cY82j*MP|*Evo%$NUMVAMm%bV0&FHt$#?}M63LCHj
z6iM>aP_~Zp-8+Ad2E%(>&9~@AklRqn+p`$p*msyDKP$0rd5X8CWSdO#UWeO6mXC()
o{69$h{Us^xEf$N#V!6G11p1pe*11TxIRF3v07*qoM6N<$f=_7Af&c&j

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/GuanZhu.png b/src/assets/pictures/chat/GuanZhu.png
new file mode 100644
index 0000000000000000000000000000000000000000..09d8ea94010291aede5581ea1d9b087782c9561e
GIT binary patch
literal 4504
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

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/HeiMinDan.png b/src/assets/pictures/chat/HeiMinDan.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2406e08b2325600e6cae6831b82c533b52a3b2b
GIT binary patch
literal 3325
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
Hu0mjfiH96_

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/Location.png b/src/assets/pictures/chat/Location.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f2621627320ded6b1f7afb11d6c28342bf64325
GIT binary patch
literal 2164
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

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/SendBtn.png b/src/assets/pictures/chat/SendBtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd6e53d61a7a597fdc1fe2cfe47dd9174df2d4a9
GIT binary patch
literal 3664
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

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/portrait.png b/src/assets/pictures/chat/portrait.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ad21d75875b19f69327f67c35e63045832d41e
GIT binary patch
literal 3301
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

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/search.png b/src/assets/pictures/chat/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9c7373b659ebdc8d389e28f3908a09903efc2bd
GIT binary patch
literal 1736
zcmV;(1~>VMP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH23<)+K~#7F?OZ)f
z97hy>Z+AH&TPaPG<|y*x91>NieN~hgV<iQoiUe(NML}mP>4=glP8(_{qL`ngBsH#(
zID?deOOXZ|BKa)e-R?fm%mRX&w|ldHw|n9~331Hc&CY(j_h#nJ_YPo$5k?rHI3N@N
z`u$)6#_TG9eJ5zZ2|zjxUi)X@SuOnPeiKT7+zFzs{{#u=lYsV&Afg7~Pnv()IuXP*
z0Ne&Xn%ai~kQ+g?)u;hFbs(A%f8B-Dz?L9uUs%{4&ea+)AY@LEA_nXQ@u~*7L0A^i
zE<XNb4{}Ck1Pz9mUI?NbYYo5r@C<T7YJyaZq4RG5t%nd7h^HbhwZMW_&>2mrpV<A-
zCO-Of19Ctrg6PkG?t$yC8U<cS2Ee`yxX|^Q`1SN@Xun$rGN|7JaHKWP7?CFXx9z7{
zTT^0!E?jCgIsl`zj2!^4ktVPz!l?34kPsd4B}p!=Ww}I1L=f#9*TJXdh;9R7&fB~A
z?Q{z=f?7X0;}68Eh3GeW&++k8CILJ)LH)@QQ?c7!k8+{3P(<04c`^EW_?xmJDHcKW
z*HIO^@N-C4BG_6RIQ!8q3<$J!G%J2BLfCjbdYabVj0sW!+4Fv21E!jd+CSpl^a%_Y
z!M0`m`_OTv4BVFSJEO?ywx1P2j=H^cWpV$DS@I_2c-`(3NC6{)X!m$NlAIjljR_)2
z0<6&=uNEL7`Vthl7B_1MA1?tpmr&ynZhkR?-h_qo>NygizXiG865CF&UKVmL5x6;R
zvKJG&S|mZiVo>hJdoRG=AU29gfOGeE)KWvgQVX6Z9-=MCa_05>2tW5an^0zqcb~Ja
z1{gaQg%YIJJib4rUGQPEY_8P{{CxUii=$nMZAIZ0<if1pKc1G=wKR;kcUdcvnavo8
za52=G7S;npf>0}>i0ugjmLO$@+`7kW4=mN036vG}g6_s~Gv0z&GsH&OV^1%X6<Kho
zUodyG5Q4C(wTY=6h7mrz)Y{1WWQ8Y)oxP}#y;f?BF%|??6%3&fq^5TbSek>pxWF&u
zxO-<a5r<?JzyP`hxfb`qCJZ&0O)S1w1p_cHX5G=-{LIp(g@F8~*5+`}sY54-JSMGS
z4b|*r1nxN*m?g{zhTDSJJdqj9Gm5tqW&|N*AU-G%DaOwbL~pbvpN5+tZv1E)xt&fB
zI<NJ%At%VT^mME1zcKhELy+S(wKg<gd6p7BF<T2ip#@nT{R~O$>;t9P@F7Un>mFdb
zGtdZ9J78{F^j=TFFv8<Drk3%(GHe#plitoCg;80;*Harx_h^O?f>7@uW+tvYU^1gF
zrX;BHw!!Xz6C9fq33_o{*E6FsGx4#pVwNQ+$mjYD%b55Gw-DI)Kx-q4B`1zpNmC}r
zCPhJwlS}-eA1gB&N|2JwarxX~u_Cl}k(WHSiYWz*-ivwox85kN=x7#73_kWiqGPK_
zg47`)mu!OMYKgp|#)XXPEa9PN|J^*oZ+fFxnY!*Olo3+s#VKK3T7v}WOOWzeL?&Rv
zByArpLy4fq!?~7Jqa-|ZFv|y3+MB$@4eGT0suV#xP{A>aSvl_iJL`}TMg*yKky3AQ
zBNOpx`*;xw1iff1@hUiZky2^3<H>*{Ww&B~<Ba{1XJLtUM^y^pJ?UFOlR`5cUr4?s
zOgT*HF3nl$hXx>#3F^`8W#i(Pgd`;^MTjCP=yeZlXCn`53aqBPByJK*=aW=eo}!qg
z4@p7qnGqFOj8*TSRlp5ZqQF{Ke3H_YLv0_5|Dv<l-^@jNL8?Q1I*Bv5pm?P+6Ie^1
zIHT15!i~hTBvO4Jlce+ob#gG3%6B667-k$*8l@@je4-8{FRPtZXR`WP9MKTS2djZ;
zt*d1nLg($T*Y!(Tk(6CYrriHnFrTPmFfqh~O1*Z-q>u$knHKe4)pLc$fUIC%kCv9C
zT*|_Odam(W<`yMg$@gEvd1o)q;_u=g_Y?23(IgGviv<qEsX|4NWqrmbup%LA(C|bA
z_eLgVoggeJj3mci;bz-`e>KHb!7e$~;LIGa4VYS2ftx!2W?f<xNs^ic-(SJG4{n^e
z7V_O4MIw?U4_10z?bgX(0;_C415Slc9qqjSR_cRTl6+!oP;Q-zUB}he^pJN}R7vRw
eBaARY6y5=Gj04*)F#I_H0000<MNUMnLSTX-ju~43

literal 0
HcmV?d00001

diff --git a/src/assets/pictures/chat/tree.png b/src/assets/pictures/chat/tree.png
new file mode 100644
index 0000000000000000000000000000000000000000..07aeeec422a9d586d2c5d455462e2b5aaf8e974b
GIT binary patch
literal 829
zcmV-D1H$}?P)<h;3K|Lk000e1NJLTq001Ze001Wl1^@s6eW(h!00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0@6uDK~#7F#aMx{
z+As_ie}atQ4N50yHYgjA4ax?|2CxBig7i-iIsx6lbOPuEs@;e~5wc^ag#Ye*<ZM0r
z*^*@&fd2p@7OreuX<e~+ho!m-J_>H|Z?0T$9QNfx-GF<{#}-}zKaetbN3JfZY^Y9R
z4|4*0w@UYw5qpEf*!0-I98d=H-(~{O$87=6hU>HvD`7IY<?O2{Vyc5oOy$2pI+pDF
z9rE!W=qrjGfjn-mkdJGiuPAZ^eh6{|p4oS@ix|GJ?_ZFJ9DzKB);XzyY)e*^EHD{L
zsz^S%oNX<*CCmYQJih7#juh9zT%c1y-e6j7MQFu4VQVoX!A}*rME#m|Awj1|`;^T!
zNu+iOh{3*0oDf=#2=#3Z&T%=&6zbjHGGRx2Qmj4YBv~vLKCk^@Ro2y=;R#rb8DPId
zze1mAW3DP#`xWBnwQuv2`tBxjgef4mbvQq4b~s=-mCS`;3R)=QjQcsk(49wDe!}p=
zAhCw~dFyQt5nDs{hShnue;$op9PUPs1`^=x4vdrZdc!^iadcyZQd#~EBM)!v|6QnY
z7!nryx3h`xLQm5wM9|*5C<Zlxv&ML=`nHwe_*3XKGS)U%92Z#-XNBn~nK+xs*@oQe
zXMOvZz>AQxZHQ+@{f_KC?;zT|tq+C0sP7m@J2p$XDZGJE+}|n_;Mgb}`Hq&HR^iC&
z+z${H>Vq2lyvV^<^#lP(JJH87z~MXl;?LsI=OmrA9K7@25XL#c(fZUl#hVaiG=?%;
z-uWj8gY%A}&oaQ_ufMBIu-@GU9tFx6lpCv7IJK~;a2QUV!jZdtukB(>o!|cFld-d-
z&a9~4W4|LSeB7;;IE^w^MZ6jxbLtWT#1Jgr^I(bTSQ4ke^gP(e<sB2*;p0iN8X53k
zI4Eu$J4qVQK;#4Kz>=^P1VEgM>@IkJ-9_Ibf^!>dCnxk5WlzjB>Hho+00000NkvXX
Hu0mjf>)CuO

literal 0
HcmV?d00001

diff --git a/src/views/chat/HonneyBtn.vue b/src/views/chat/HonneyBtn.vue
new file mode 100644
index 00000000..f89e469f
--- /dev/null
+++ b/src/views/chat/HonneyBtn.vue
@@ -0,0 +1,67 @@
+<template>
+    <!-- <h4>我是动效滚动</h4> -->
+     <div>
+        <input type="checkbox" id="honneyBtn" v-model="status">
+        <label for="honneyBtn" class="test">{{ status }}</label>
+     </div>
+
+</template>
+
+<script>
+export default{
+    data(){
+        return{
+            status: false
+        }
+    },
+    mounted(){
+        // 后端接口获取好友状态
+        this.status = true
+    }
+}
+</script>
+
+<style scoped>
+:root{
+    --prpotion: 0.5;
+}
+input{
+    display: none;
+}
+label{
+    /* 圆角矩形组件 */
+    display: block;
+    position: relative;
+    background-color:#979797;
+    width: calc(200px * 0.5);
+    height: calc(100px * 0.5);
+    border-radius: 200px;
+    padding: 0px;
+    margin: 0px;
+    transition: all 0.37s ease-in;
+}
+label::before{
+    /* 圆角矩形里面的按钮 */
+    content: '';
+    position: absolute;
+    width: calc(82px * 0.5);
+    height: calc(82px * 0.5);
+    border-radius: 50%;
+    border: calc(2px * 0.5) solid #b0b0b0;
+    background-color: white;
+    top: calc(7px * 0.5);
+    left: calc(5px * 0.5);
+    transition: all 1s ease-in;
+    animation: reverse_switch 0.35s forwards;
+}
+input:checked + label{
+    background-color: #FE4E96;
+}
+input:checked +label::before{
+    border:calc(2px * 0.5) solid #fc5ea0;
+    animation: switch 0.35s forwards;
+}
+
+@import url('../../assets/css/chat/honneyBtn.css');
+
+</style>
\ No newline at end of file
diff --git a/src/views/chat/chat.vue b/src/views/chat/chat.vue
index aea4fdd7..c281c8fb 100644
--- a/src/views/chat/chat.vue
+++ b/src/views/chat/chat.vue
@@ -1,9 +1,279 @@
 <template>
-    私信聊天
+    <div class="chat-totallayout">
+        <div class="chat-leftlayout">
+            <div class="chat-leftline1">
+                <p>信息</p>
+                <p>{{ new_msg_nums }}条新信息</p>
+            </div>
+            <div class="chat-leftline2">
+                <img id="chatSearchImg" src="@/assets/pictures/chat/search.png">
+                <input id="chatSearchInput" type="search" v-model="searchName">
+            </div>
+            <div class="chat-leftline3">
+                <div class="chat-friends" v-for="(item,index) of showSearchList" :key="index" @click="clickFriendList(index)">
+                    <img id="chatIconImg" :src="item.icon" />
+                    <div class="chat-friend-text">
+                        <p id="chatFriendName">{{ item.name }}</p>
+                        <p id="chatFriendMsg">{{ getLatestNew[index][0] }}</p>
+                    </div>
+                    <p id="chatTime">{{ getLatestNew[index][1] }}</p>
+                </div>
+            </div>
+        </div>
+        <div class="chat-middlelayout"></div>
+        <div class="chat-rightlayout"></div>
+    </div>
 </template>
 <script>
+// import HonneyBtn from './HonneyBtn.vue';
+
 export default {
     name: 'chatIndex', // 添加组件名称
-    // 其他组件选项
+    data(){
+        return{
+            searchName: '',
+            new_msg_nums: 1,
+            chatWith:'',
+            userInfo:{
+                name:'我',
+                icon:'@/assets/pictures/chat/UserIcon.png'
+            },
+            // ！！！！注意！！！！
+            // 头像显示的是第一列好友列表，使用循环渲染。这时如果在assets文件夹里面会被服务器临时编译到public文件夹里面。
+            // 由于编译后文件夹名称会发生改变，所以把icon图片单独放到服务器的文件夹下面以此来跳过编译（public文件夹）
+            // 这里文件路径命名是相对于public的绝对路径
+            friendsInfoList: [
+                {name:'潇潇',icon:'/icon/UserIcon.png',position:'london',birth:'2004-1-1',
+                chatHistory:[
+                    {name:'潇潇',content:'晚上好呀',time:'2024-11-24 2:11'},
+                    {name:'我',content:'你好呀',time:'2025-11-24 1:24'},
+                ]},
+                {name:'小刚','icon':'/icon/UserIcon.png',position:'china',birth:'2003-3-4',
+                chatHistory:[
+                    {name:'小刚',content:'hhh',time:'2024-11-25 22:11'},
+                    {name:'我',content:'you are',time:'2024-11-24 22:24'},
+                ]},
+                {name:'吴伟',icon:'/icon/UserIcon.png',position:'endland',birth:'2004-5-2',
+                chatHistory:[
+                    {name:'吴伟',content:'iii',time:'2024-12-24 23:11'},
+                    {name:'我',content:'早上好',time:'2024-11-24 22:25'},
+                ]},
+                {name:'小闽','icon':'/icon/UserIcon.png',position:'china',birth:'2003-3-4',
+                chatHistory:[
+                    {name:'小刚',content:'hhh',time:'2024-11-25 22:11'},
+                    {name:'我',content:'you are',time:'2024-11-24 22:24'},
+                ]},
+            ],
+            showSearchList: []
+        }
+    },
+    mounted(){
+        this.showSearchList = this.friendsInfoList
+    },
+    components:{
+        // HonneyBtn,
+    },
+    methods:{
+        clickFriendList(index){
+            this.chatWith = this.friendsInfoList[index].name
+            console.log(this.chatWith)
+        }
+    },
+    watch:{
+        searchName(newvalue){
+            this.showSearchList = []
+            if(newvalue == ''){
+                this.showSearchList = this.friendsInfoList
+            }
+            else{
+                this.friendsInfoList.map((x) =>{
+                    if(x.name.includes(newvalue)){
+                        this.showSearchList.push(x)
+                    }
+                })
+            }
+        }
+    },
+    computed:{
+        getLatestNew(){
+            let time_list = []
+            let time_temp = ''
+            let content_list = []
+            let content_temp = ''
+            let time_compare1 = []
+            let time_compare2 = []
+            let time_content_list = []
+            for(let i=0;i<this.friendsInfoList.length;i++){
+                for(let j=0;j<this.friendsInfoList[i].chatHistory.length;j++){
+                    time_temp =this.friendsInfoList[i].chatHistory[j].time
+                    content_temp =this.friendsInfoList[i].chatHistory[j].content
+                    if(time_list.length == i){
+                        time_list.push(time_temp)
+                        content_list.push(content_temp)
+                    }
+                    else{
+                        time_compare1 = time_temp.split(/[-' ':]/)
+                        time_compare2 = time_list[i].split(/[-' ':]/)
+                        
+                        for(let k=0;k<time_compare1.length;k++){
+                            if(parseInt(time_compare1[k])<parseInt(time_compare2[k])){
+                                console.log(time_compare1[k],time_compare2[k])
+                                break
+                            }
+                            else if(parseInt(time_compare1[k])>parseInt(time_compare2[k])){
+                                console.log(time_compare1[k],time_compare2[k])
+                                time_list[i] = time_temp
+                                content_list[i] = content_temp
+                                break
+                            }
+                        }
+                    }
+                }
+            }
+            console.log(time_list,content_list)
+            content_list.map((x,index)=>{
+                time_content_list[index] = [x,time_list[index].split(' ')[1]]   
+            })
+
+            console.log(time_content_list)
+            return time_content_list
+        },
+    }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+
+.chat-totallayout{
+    display: flex;
+    flex-direction: row;
+    height: 600px;
+    width: 100%;
+    /* background-color: aqua; */
+}
+.chat-leftlayout{
+    /* background-color: azure; */
+    width: 25%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.chat-middlelayout{
+    background-color: yellow;
+    width: 55%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.chat-rightlayout{
+    background-color: red;
+    width: 20%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+/**************整体布局***************/
+/*************左边************** *****/
+/* 第一行 */
+.chat-leftline1{
+    display: flex;
+    /* background-color: antiquewhite; */
+    align-items: center;
+    margin-left: 30px;
+    
+}
+.chat-leftlayout :nth-child(1){
+    flex-shrink: 0;
+    font-size: 30px;
+    font-weight: 600;
+}
+.chat-leftline1 :nth-child(2){
+    flex-shrink: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: rgb(61, 243, 243);
+    margin-left: 15px;
+
+    position: relative;
+    top: 2px;
+
+}
+/* 第二行 */
+.chat-leftline2{
+    display: flex;
+    align-items: center;
+}
+#chatSearchImg{
+    height: 16px;
+    position: relative;
+    left: 23px;
+    top: -18px;
+    z-index: 1;
+}
+#chatSearchInput{
+    outline: none;
+    height: 30px;
+    width: 300px;
+    border: 2px solid  #E44B9D;
+    border-radius: 8px;
+    padding-left: 30px;
+
+    position: relative;
+    top: -18px;
+
+    transition: all 0.5s;
+}
+#chatSearchInput:focus{
+    border-color: #fdadd8;
+}
+/* 第三行 */
+.chat-leftline3{
+    display: flex;
+    flex-direction: column;
+    /* align-items: center; */
+}
+.chat-friends{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid rgb(222, 222, 222);
+    /* background-color: #E44B9D; */
+    height: 70px;
+    width: 90%;
+    margin: 0 auto;
+    /* transition: all 0.2ss; */
+}
+.chat-friends:hover{
+    background-color: #fff2f9;
+}
+.chat-friend-text{
+    position: relative;
+    width: 60%;
+    /* background-color: #E44B9D; */
+    flex-shrink: 0;
+}
+#chatIconImg{
+    height: 50px;
+    width: 50px;
+}
+/* .chat-friend-text{
+    background-color: aliceblue;
+} */
+#chatFriendName{
+    font-size: medium;
+    color: black;
+    line-height: 10px;
+}
+#chatFriendMsg{
+    font-size: small;
+    font-weight: 300;
+    color: gray;
+    /* line-height: 0px; */
+}
+#chatTime{
+    font-size: small;
+    font-weight: 300;
+    color: gray;
+    /* background-color: #fdadd8; */
+}
+</style>
\ No newline at end of file
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 0848b8e2..863b8428 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -225,6 +225,7 @@ export default {
             this.isShow = !this.isShow
         },
         async UserLogin() {
+            this.$router.push('/main');
             if(this.loginUser.code === 'Yj98') {
                 try {
                     const response = await axios.post('', null, {