添加顶部编辑按钮

my-project-frontend/src/net/index.js

@@ -23,7 +23,7 @@ function takeAccessToken() {
     const str = localStorage.getItem(authItemName) || sessionStorage.getItem(authItemName);
     if(!str) return null
     const authObj = JSON.parse(str)
-    if(authObj.expire <= new Date()) {
+    if(new Date(authObj.expire) <= new Date()) {
         deleteAccessToken()
         ElMessage.warning("登录状态已过期，请重新登录！")
         return null

my-project-frontend/src/views/forum/TopicList.vue

@@ -1,6 +1,6 @@
 <script setup>
 import LightCard from "@/components/LightCard.vue";
-import {Calendar, CollectionTag, Link} from "@element-plus/icons-vue";
+import {Calendar, CollectionTag, EditPen, Link} from "@element-plus/icons-vue";
 import {computed} from "vue"
 import Weather from "@/components/Weather.vue";
 
@@ -14,7 +14,9 @@ const today = computed(() => {
     <div style="display: flex;margin: 20px auto;gap: 20px;max-width: 900px">
         <div style="flex: 1">
             <light-card>
-
+                <div class="edit-topic">
+                    <div><el-icon><EditPen/></el-icon> 点击发表主题...</div>
+                </div>
             </light-card>
         </div>
         <div style="width: 280px">
@@ -69,9 +71,24 @@ const today = computed(() => {
     </div>
 </template>
 
-<style scoped>
+<style lang="less" scoped>
 .friend-link {
     border-radius: 5px;
     overflow: hidden;
 }
+
+.edit-topic {
+    background-color: #ececec;
+    border-radius: 5px;
+    height: 40px;
+    color: grey;
+    font-size: 14px;
+    line-height: 40px;
+    padding: 0 10px;
+    margin: 10px;
+
+    :hover {
+        cursor: pointer;
+    }
+}
 </style>