From dba9de2ab78981db960c912cdfa918cc1d165fd5 Mon Sep 17 00:00:00 2001
From: nagocoler <nagocoler@qq.com>
Date: Thu, 12 Oct 2023 00:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/forum/TopicList.vue             | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/my-project-frontend/src/views/forum/TopicList.vue b/my-project-frontend/src/views/forum/TopicList.vue
index c4ee9f4..e7eeb2c 100644
--- a/my-project-frontend/src/views/forum/TopicList.vue
+++ b/my-project-frontend/src/views/forum/TopicList.vue
@@ -1,6 +1,6 @@
 <script setup>
 import LightCard from "@/components/LightCard.vue";
-import {Calendar, CollectionTag, EditPen, Link} from "@element-plus/icons-vue";
+import {Calendar, Clock, CollectionTag, EditPen, Link} from "@element-plus/icons-vue";
 import {computed, reactive, ref} from "vue"
 import Weather from "@/components/Weather.vue";
 import {get} from "@/net";
@@ -65,7 +65,19 @@ navigator.geolocation.getCurrentPosition(position => {
                 </div>
             </light-card>
             <light-card v-for="item in list" class="topic-card">
-                <div>
+                <div style="display: flex">
+                    <div>
+                        <el-avatar :size="30"/>
+                    </div>
+                    <div style="margin-left: 7px;transform: translateY(-2px)">
+                        <div style="font-size: 13px;font-weight: bold">我是名字</div>
+                        <div style="font-size: 12px;color: grey">
+                            <el-icon><Clock/></el-icon>
+                            <div style="margin-left: 2px;display: inline-block;transform: translateY(-2px)">{{new Date(item.time).toLocaleString()}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div style="margin-top: 5px">
                     <div class="topic-type"
                          :style="{color: store.findTypeById(item.type)?.color+'EE',
                          'border-color': store.findTypeById(item.type)?.color+'EE',
@@ -149,6 +161,12 @@ navigator.geolocation.getCurrentPosition(position => {
         cursor: pointer;
     }
 
+    .topic-image{
+        width: 100%;
+        height: 100%;
+        border-radius: 5px;
+    }
+
     .topic-type {
         display: inline-block;
         border: solid 1px grey;