From 16ad0d5392564b6d0f125f41c82915ef53a288fa Mon Sep 17 00:00:00 2001
From: xuan <3142316616@qq.com>
Date: Mon, 25 Nov 2024 02:57:38 +0800
Subject: [PATCH] =?UTF-8?q?'=E7=A7=81=E4=BF=A1=E8=81=8A=E5=A4=A9=E7=AC=AC?=
 =?UTF-8?q?=E4=B8=80=E5=88=97=E5=8A=9F=E8=83=BD=E5=92=8C=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/chat/honneyBtn.css             |  63 ----
 src/views/chat/HonneyBtn.vue                  |  23 --
 src/views/chat/chat.vue                       |  23 --
 .../.browserslistrc                           |   0
 .eslintrc.js => 新建文件夹/.eslintrc.js  |   0
 .gitignore => 新建文件夹/.gitignore      |   0
 README.md => 新建文件夹/README.md        |   0
 .../babel.config.js                           |   0
 .../jsconfig.json                             |   0
 .../package-lock.json                         |   0
 package.json => 新建文件夹/package.json  |   0
 .../public}/favicon.ico                       | Bin
 .../public/icon}/UserIcon.png                 | Bin
 {public => 新建文件夹/public}/index.html |   0
 {src => 新建文件夹/src}/App.vue          |   0
 .../src/assets/css/chat/honneyBtn.css         |  26 ++
 .../src}/assets/css/login/login.css           |   0
 .../src}/assets/pictures/Logo.png             | Bin
 .../src}/assets/pictures/background.png       | Bin
 .../src}/assets/pictures/backtree.png         | Bin
 .../src}/assets/pictures/chat/Calendar.png    | Bin
 .../src}/assets/pictures/chat/GuanZhu.png     | Bin
 .../src}/assets/pictures/chat/HeiMinDan.png   | Bin
 .../src}/assets/pictures/chat/Location.png    | Bin
 .../src}/assets/pictures/chat/SendBtn.png     | Bin
 .../src}/assets/pictures/chat/portrait.png    | Bin
 .../src}/assets/pictures/chat/search.png      | Bin
 .../src}/assets/pictures/chat/tree.png        | Bin
 .../src}/assets/pictures/tu.png               | Bin
 .../src}/assets/pictures/welcome.png          | Bin
 .../src}/assets/pictures/yanzheng.png         | Bin
 .../src}/components/background.vue            |   0
 .../src}/components/header.vue                |   0
 {src => 新建文件夹/src}/main.js          |   0
 {src => 新建文件夹/src}/router/index.js  |   0
 {src => 新建文件夹/src}/token/auth.js    |   0
 .../src}/utils/axiosConfig.js                 |   0
 {src => 新建文件夹/src}/views/Main.vue   |   0
 新建文件夹/src/views/chat/HonneyBtn.vue  |  67 +++++
 新建文件夹/src/views/chat/chat.vue       | 279 ++++++++++++++++++
 .../src}/views/community/trends.vue           |   0
 .../src}/views/login/login.vue                |   4 +-
 .../src}/views/recommend/index.vue            |   0
 .../src}/views/space/space.vue                |   0
 .../vue.config.js                             |   0
 45 files changed, 374 insertions(+), 111 deletions(-)
 delete mode 100644 src/assets/css/chat/honneyBtn.css
 delete mode 100644 src/views/chat/HonneyBtn.vue
 delete mode 100644 src/views/chat/chat.vue
 rename .browserslistrc => 新建文件夹/.browserslistrc (100%)
 rename .eslintrc.js => 新建文件夹/.eslintrc.js (100%)
 rename .gitignore => 新建文件夹/.gitignore (100%)
 rename README.md => 新建文件夹/README.md (100%)
 rename babel.config.js => 新建文件夹/babel.config.js (100%)
 rename jsconfig.json => 新建文件夹/jsconfig.json (100%)
 rename package-lock.json => 新建文件夹/package-lock.json (100%)
 rename package.json => 新建文件夹/package.json (100%)
 rename {public => 新建文件夹/public}/favicon.ico (100%)
 rename {src/assets/pictures/chat => 新建文件夹/public/icon}/UserIcon.png (100%)
 rename {public => 新建文件夹/public}/index.html (100%)
 rename {src => 新建文件夹/src}/App.vue (100%)
 create mode 100644 新建文件夹/src/assets/css/chat/honneyBtn.css
 rename {src => 新建文件夹/src}/assets/css/login/login.css (100%)
 rename {src => 新建文件夹/src}/assets/pictures/Logo.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/background.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/backtree.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/Calendar.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/GuanZhu.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/HeiMinDan.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/Location.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/SendBtn.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/portrait.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/search.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/chat/tree.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/tu.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/welcome.png (100%)
 rename {src => 新建文件夹/src}/assets/pictures/yanzheng.png (100%)
 rename {src => 新建文件夹/src}/components/background.vue (100%)
 rename {src => 新建文件夹/src}/components/header.vue (100%)
 rename {src => 新建文件夹/src}/main.js (100%)
 rename {src => 新建文件夹/src}/router/index.js (100%)
 rename {src => 新建文件夹/src}/token/auth.js (100%)
 rename {src => 新建文件夹/src}/utils/axiosConfig.js (100%)
 rename {src => 新建文件夹/src}/views/Main.vue (100%)
 create mode 100644 新建文件夹/src/views/chat/HonneyBtn.vue
 create mode 100644 新建文件夹/src/views/chat/chat.vue
 rename {src => 新建文件夹/src}/views/community/trends.vue (100%)
 rename {src => 新建文件夹/src}/views/login/login.vue (99%)
 rename {src => 新建文件夹/src}/views/recommend/index.vue (100%)
 rename {src => 新建文件夹/src}/views/space/space.vue (100%)
 rename vue.config.js => 新建文件夹/vue.config.js (100%)

diff --git a/src/assets/css/chat/honneyBtn.css b/src/assets/css/chat/honneyBtn.css
deleted file mode 100644
index 0678bb2f..00000000
--- a/src/assets/css/chat/honneyBtn.css
+++ /dev/null
@@ -1,63 +0,0 @@
-input{
-    display: none;
-}
-label{
-    /* 圆角矩形组件 */
-    display: block;
-    position: relative;
-    background-color:#979797;
-    width: 200px;
-    height: 100px;
-    border-radius: 100px;
-    padding: 0px;
-    margin: 0px;
-    transition: all 0.37s ease-in;
-}
-label::before{
-    /* 圆角矩形里面的按钮 */
-    content: '';
-    position: absolute;
-    width: 82px;
-    height: 82px;
-    border-radius: 50%;
-    border: 2px solid #b0b0b0;
-    background-color: white;
-    top: 7px;
-    left: 5px;
-    transition: all 1s ease-in;
-    animation: reverse_switch 0.35s forwards;
-}
-input:checked + label{
-    background-color: #FE4E96;
-}
-input:checked +label::before{
-    border:2px solid #fc5ea0;
-    animation: switch 0.35s forwards;
-}
-
-/* 给圆形定义关键帧 */
-@keyframes switch {
-    0% {
-        left: 4px;
-    }
-    60% {
-        left:4px;
-        width: 112px;
-    }
-    100%{
-        left: 104px;
-    }
-}
-@keyframes reverse_switch {
-    0% {
-        left: 104px;
-    }
-    60%{
-        left: 74px;
-        width: 112px;
-    }
-    100%{
-        left: 4px;
-    }
-}
-
diff --git a/src/views/chat/HonneyBtn.vue b/src/views/chat/HonneyBtn.vue
deleted file mode 100644
index 4fda8c17..00000000
--- a/src/views/chat/HonneyBtn.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-    <h4>我是动效滚动</h4>
-    <input type="checkbox" id="honneyBtn" v-model="status">
-    <label for="honneyBtn">{{ status }}</label>
-</template>
-
-<script>
-export default{
-    data(){
-        return{
-            status: false
-        }
-    },
-    mounted(){
-        // 后端接口获取好友状态
-        this.status = true
-    }
-}
-</script>
-
-<style scoped>
-@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
deleted file mode 100644
index 8ea52eb4..00000000
--- a/src/views/chat/chat.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-    <div>
-        <h4>私信聊天</h4> <hr>
-        <HonneyBtn />
-    </div>
-</template>
-<script>
-import HonneyBtn from './HonneyBtn.vue'
-export default {
-    name: 'chatIndex', // 添加组件名称
-    data(){
-        return{
-            
-        }
-    },
-    components:{
-        HonneyBtn,
-    }
-}
-</script>
-
-<script setup>
-</script>
\ No newline at end of file
diff --git a/.browserslistrc b/新建文件夹/.browserslistrc
similarity index 100%
rename from .browserslistrc
rename to 新建文件夹/.browserslistrc
diff --git a/.eslintrc.js b/新建文件夹/.eslintrc.js
similarity index 100%
rename from .eslintrc.js
rename to 新建文件夹/.eslintrc.js
diff --git a/.gitignore b/新建文件夹/.gitignore
similarity index 100%
rename from .gitignore
rename to 新建文件夹/.gitignore
diff --git a/README.md b/新建文件夹/README.md
similarity index 100%
rename from README.md
rename to 新建文件夹/README.md
diff --git a/babel.config.js b/新建文件夹/babel.config.js
similarity index 100%
rename from babel.config.js
rename to 新建文件夹/babel.config.js
diff --git a/jsconfig.json b/新建文件夹/jsconfig.json
similarity index 100%
rename from jsconfig.json
rename to 新建文件夹/jsconfig.json
diff --git a/package-lock.json b/新建文件夹/package-lock.json
similarity index 100%
rename from package-lock.json
rename to 新建文件夹/package-lock.json
diff --git a/package.json b/新建文件夹/package.json
similarity index 100%
rename from package.json
rename to 新建文件夹/package.json
diff --git a/public/favicon.ico b/新建文件夹/public/favicon.ico
similarity index 100%
rename from public/favicon.ico
rename to 新建文件夹/public/favicon.ico
diff --git a/src/assets/pictures/chat/UserIcon.png b/新建文件夹/public/icon/UserIcon.png
similarity index 100%
rename from src/assets/pictures/chat/UserIcon.png
rename to 新建文件夹/public/icon/UserIcon.png
diff --git a/public/index.html b/新建文件夹/public/index.html
similarity index 100%
rename from public/index.html
rename to 新建文件夹/public/index.html
diff --git a/src/App.vue b/新建文件夹/src/App.vue
similarity index 100%
rename from src/App.vue
rename to 新建文件夹/src/App.vue
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/css/login/login.css b/新建文件夹/src/assets/css/login/login.css
similarity index 100%
rename from src/assets/css/login/login.css
rename to 新建文件夹/src/assets/css/login/login.css
diff --git a/src/assets/pictures/Logo.png b/新建文件夹/src/assets/pictures/Logo.png
similarity index 100%
rename from src/assets/pictures/Logo.png
rename to 新建文件夹/src/assets/pictures/Logo.png
diff --git a/src/assets/pictures/background.png b/新建文件夹/src/assets/pictures/background.png
similarity index 100%
rename from src/assets/pictures/background.png
rename to 新建文件夹/src/assets/pictures/background.png
diff --git a/src/assets/pictures/backtree.png b/新建文件夹/src/assets/pictures/backtree.png
similarity index 100%
rename from src/assets/pictures/backtree.png
rename to 新建文件夹/src/assets/pictures/backtree.png
diff --git a/src/assets/pictures/chat/Calendar.png b/新建文件夹/src/assets/pictures/chat/Calendar.png
similarity index 100%
rename from src/assets/pictures/chat/Calendar.png
rename to 新建文件夹/src/assets/pictures/chat/Calendar.png
diff --git a/src/assets/pictures/chat/GuanZhu.png b/新建文件夹/src/assets/pictures/chat/GuanZhu.png
similarity index 100%
rename from src/assets/pictures/chat/GuanZhu.png
rename to 新建文件夹/src/assets/pictures/chat/GuanZhu.png
diff --git a/src/assets/pictures/chat/HeiMinDan.png b/新建文件夹/src/assets/pictures/chat/HeiMinDan.png
similarity index 100%
rename from src/assets/pictures/chat/HeiMinDan.png
rename to 新建文件夹/src/assets/pictures/chat/HeiMinDan.png
diff --git a/src/assets/pictures/chat/Location.png b/新建文件夹/src/assets/pictures/chat/Location.png
similarity index 100%
rename from src/assets/pictures/chat/Location.png
rename to 新建文件夹/src/assets/pictures/chat/Location.png
diff --git a/src/assets/pictures/chat/SendBtn.png b/新建文件夹/src/assets/pictures/chat/SendBtn.png
similarity index 100%
rename from src/assets/pictures/chat/SendBtn.png
rename to 新建文件夹/src/assets/pictures/chat/SendBtn.png
diff --git a/src/assets/pictures/chat/portrait.png b/新建文件夹/src/assets/pictures/chat/portrait.png
similarity index 100%
rename from src/assets/pictures/chat/portrait.png
rename to 新建文件夹/src/assets/pictures/chat/portrait.png
diff --git a/src/assets/pictures/chat/search.png b/新建文件夹/src/assets/pictures/chat/search.png
similarity index 100%
rename from src/assets/pictures/chat/search.png
rename to 新建文件夹/src/assets/pictures/chat/search.png
diff --git a/src/assets/pictures/chat/tree.png b/新建文件夹/src/assets/pictures/chat/tree.png
similarity index 100%
rename from src/assets/pictures/chat/tree.png
rename to 新建文件夹/src/assets/pictures/chat/tree.png
diff --git a/src/assets/pictures/tu.png b/新建文件夹/src/assets/pictures/tu.png
similarity index 100%
rename from src/assets/pictures/tu.png
rename to 新建文件夹/src/assets/pictures/tu.png
diff --git a/src/assets/pictures/welcome.png b/新建文件夹/src/assets/pictures/welcome.png
similarity index 100%
rename from src/assets/pictures/welcome.png
rename to 新建文件夹/src/assets/pictures/welcome.png
diff --git a/src/assets/pictures/yanzheng.png b/新建文件夹/src/assets/pictures/yanzheng.png
similarity index 100%
rename from src/assets/pictures/yanzheng.png
rename to 新建文件夹/src/assets/pictures/yanzheng.png
diff --git a/src/components/background.vue b/新建文件夹/src/components/background.vue
similarity index 100%
rename from src/components/background.vue
rename to 新建文件夹/src/components/background.vue
diff --git a/src/components/header.vue b/新建文件夹/src/components/header.vue
similarity index 100%
rename from src/components/header.vue
rename to 新建文件夹/src/components/header.vue
diff --git a/src/main.js b/新建文件夹/src/main.js
similarity index 100%
rename from src/main.js
rename to 新建文件夹/src/main.js
diff --git a/src/router/index.js b/新建文件夹/src/router/index.js
similarity index 100%
rename from src/router/index.js
rename to 新建文件夹/src/router/index.js
diff --git a/src/token/auth.js b/新建文件夹/src/token/auth.js
similarity index 100%
rename from src/token/auth.js
rename to 新建文件夹/src/token/auth.js
diff --git a/src/utils/axiosConfig.js b/新建文件夹/src/utils/axiosConfig.js
similarity index 100%
rename from src/utils/axiosConfig.js
rename to 新建文件夹/src/utils/axiosConfig.js
diff --git a/src/views/Main.vue b/新建文件夹/src/views/Main.vue
similarity index 100%
rename from src/views/Main.vue
rename to 新建文件夹/src/views/Main.vue
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
new file mode 100644
index 00000000..c281c8fb
--- /dev/null
+++ b/新建文件夹/src/views/chat/chat.vue
@@ -0,0 +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>
+
+<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/community/trends.vue b/新建文件夹/src/views/community/trends.vue
similarity index 100%
rename from src/views/community/trends.vue
rename to 新建文件夹/src/views/community/trends.vue
diff --git a/src/views/login/login.vue b/新建文件夹/src/views/login/login.vue
similarity index 99%
rename from src/views/login/login.vue
rename to 新建文件夹/src/views/login/login.vue
index 5fe9dfc2..21b8d476 100644
--- a/src/views/login/login.vue
+++ b/新建文件夹/src/views/login/login.vue
@@ -226,7 +226,7 @@ export default {
             this.isShow = !this.isShow
         },
         async UserLogin() {
-            this.$router.push('/chat');
+            this.$router.push('/main');
             if(this.loginUser.code === 'Yj98') {
                 try {
                     const response = await axios.post('', null, {
@@ -282,6 +282,6 @@ export default {
 
 </script>
 
-<style scoped>
+<style>
 @import url('../../assets/css/login/login.css');
 </style>
\ No newline at end of file
diff --git a/src/views/recommend/index.vue b/新建文件夹/src/views/recommend/index.vue
similarity index 100%
rename from src/views/recommend/index.vue
rename to 新建文件夹/src/views/recommend/index.vue
diff --git a/src/views/space/space.vue b/新建文件夹/src/views/space/space.vue
similarity index 100%
rename from src/views/space/space.vue
rename to 新建文件夹/src/views/space/space.vue
diff --git a/vue.config.js b/新建文件夹/vue.config.js
similarity index 100%
rename from vue.config.js
rename to 新建文件夹/vue.config.js