From ea6ae8d7fc7876d58ccff56407a0d1ff8c5184f6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com>
Date: Fri, 26 Dec 2025 18:50:05 +0800
Subject: [PATCH] =?UTF-8?q?fix(homepage):=20=E4=BF=AE=E5=A4=8D=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=BB=E9=A1=B5=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复个人主页的响应式布局问题，优化移动端显示效果
调整分类和排序区域的样式，移除不必要的margin-left
更新投票组件的内容显示类名为one-line-display-v2
修复主页加载逻辑，优化数据获取和分页处理
移除未使用的代码和注释，清理CSS样式
---
 component/item-vote/item-vote.js  |   2 +-
 component/item-vote/item-vote.txt |   2 +-
 css/homepage-me.css               | 148 +++++---
 css/homepage-me.less              | 213 ++++++++---
 css/homepage-other.css            |   4 +-
 css/homepage-other.less           |   4 +-
 css/public.less                   |  15 +-
 css/search-tag.css                |   1 -
 css/search-tag.less               |   1 -
 css/search.css                    |  56 +++
 css/search.less                   |  67 ++++
 homepage-me-V2.html               | 193 +++++++---
 homepage-other-V2.html            | 169 +++++++--
 js/homepage-me.js                 | 578 +++++++++++++++++-------------
 js/public.js                      |   4 +-
 js/publish_admin.js               |  20 ++
 publish_admin.html                |   9 +-
 17 files changed, 1033 insertions(+), 453 deletions(-)

diff --git a/component/item-vote/item-vote.js b/component/item-vote/item-vote.js
index 4c0f377..ea78623 100644
--- a/component/item-vote/item-vote.js
+++ b/component/item-vote/item-vote.js
@@ -81,5 +81,5 @@ export const itemVote = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-vote">    <item-head :itemdata="item" :page="page"></item-head>    <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display" v-if="item.content">{{ item.content }}</a>    <a class="info flexacenter" target="_blank" :href="item.url">        <template v-if="item?.data.status == 1">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </a>    <a class="list" :class="{ 'voted': !item.time || item.isvote }"  target="_blank" :href="item.url">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" :src="valueUrl + '/img/vote-tick.svg'">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
+    template: `<div class="item-box item-vote">    <item-head :itemdata="item" :page="page"></item-head>    <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display-v2" v-if="item.content">{{ item.content }}</a>    <a class="info flexacenter" target="_blank" :href="item.url">        <template v-if="item?.data.status == 1">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </a>    <a class="list" :class="{ 'voted': !item.time || item.isvote }"  target="_blank" :href="item.url">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" :src="valueUrl + '/img/vote-tick.svg'">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });
diff --git a/component/item-vote/item-vote.txt b/component/item-vote/item-vote.txt
index d1141a7..ee60062 100644
--- a/component/item-vote/item-vote.txt
+++ b/component/item-vote/item-vote.txt
@@ -1,7 +1,7 @@
 <div class="item-box item-vote">
     <item-head :itemdata="item" :page="page"></item-head>
     <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>
-    <a class="message one-line-display" v-if="item.content">{{ item.content }}</a>
+    <a class="message one-line-display-v2" v-if="item.content">{{ item.content }}</a>
     <a class="info flexacenter" target="_blank" :href="item.url">
         <template v-if="item?.data.status == 1">
             <div class="status">进行中</div>
diff --git a/css/homepage-me.css b/css/homepage-me.css
index b6929ae..21bc80c 100644
--- a/css/homepage-me.css
+++ b/css/homepage-me.css
@@ -201,6 +201,9 @@
   margin-right: 8px;
   margin-bottom: 8px;
 }
+#homepage-me .matter .matter-content {
+  min-width: 0;
+}
 #homepage-me .matter .matter-content .message-box {
   background-color: #ffffff;
   border: 1px solid #e9eef2;
@@ -327,7 +330,6 @@
   font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
   font-weight: 650;
   font-style: normal;
-  font-size: 18px;
   color: #000000;
 }
 #homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
@@ -345,13 +347,6 @@
   padding-bottom: 23px;
   padding-left: 95px;
   padding-right: 40px;
-  overflow-x: auto;
-  justify-content: flex-start;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: none;
-}
-#homepage-me .matter .matter-content .list-area .classify::-webkit-scrollbar {
-  display: none;
 }
 #homepage-me .matter .matter-content .list-area .classify .item {
   width: 50px;
@@ -393,7 +388,6 @@
   margin-bottom: 20px;
 }
 #homepage-me .matter .matter-content .list-area .empty {
-  width: 725px;
   height: 360px;
   background-color: #ffffff;
   border: 1px solid #e9eef2;
@@ -412,11 +406,41 @@
   color: #7f7f7f;
   margin-top: 10px;
 }
+#homepage-me .matter .matter-content .list-area .list-load-box {
+  margin-left: 95px;
+  margin-right: 40px;
+  width: auto;
+}
 #homepage-me .matter .matter-content .list-area .load-more {
   padding: 20px 0 40px;
   color: #7f7f7f;
   font-size: 14px;
 }
+@media screen and (max-width: 1050px) {
+  #homepage-me .matter .matter-content .list-area .operation-box {
+    padding-left: 40px;
+  }
+  #homepage-me .matter .matter-content .list-area .classify {
+    padding-left: 40px;
+  }
+  #homepage-me .matter .matter-content .list-area .issue-data {
+    padding-left: 40px;
+  }
+  #homepage-me .matter .matter-content .list-area .list-load-box {
+    margin-left: 40px;
+  }
+  #homepage-me .matter .matter-content .list-area .list-box {
+    padding-left: 40px;
+  }
+  #homepage-me .matter .matter-content .list-area .empty {
+    margin-left: 40px;
+  }
+}
+@media screen and (max-width: 950px) {
+  .item-box .bottom .bottom-item:not(:last-child) {
+    margin-right: 45px;
+  }
+}
 /* 响应式布局优化 */
 @media screen and (max-width: 880px) {
   .head-top {
@@ -427,7 +451,6 @@
   }
   #homepage-me {
     width: 100%;
-    padding: 0;
   }
   #homepage-me .matter {
     flex-direction: column;
@@ -439,7 +462,6 @@
     padding: 30px 20px;
     position: static;
     align-items: center;
-    border-radius: 0;
     border-left: none;
     border-right: none;
   }
@@ -471,23 +493,17 @@
     width: auto;
     margin: 0 0 15px 0;
     padding: 20px;
-    border-radius: 0;
     border-left: none;
     border-right: none;
   }
-  #homepage-me .matter .matter-content .message-box .header {
-    padding-top: 0;
-    text-align: center;
+  #homepage-me .matter .matter-content .message-box .stats {
+    padding-bottom: 0;
   }
-  #homepage-me .matter .matter-content .message-box .header .avatar {
+  #homepage-me .matter .matter-content .message-box .header {
     display: none;
   }
-  #homepage-me .matter .matter-content .message-box .header .username {
-    font-size: 16px;
-    font-weight: 600;
-  }
   #homepage-me .matter .matter-content .message-box .info-list {
-    padding-top: 15px;
+    padding-top: 0;
   }
   #homepage-me .matter .matter-content .message-box .info-list .item {
     width: 50%;
@@ -498,38 +514,21 @@
     justify-content: center;
   }
   #homepage-me .matter .matter-content .list-area {
-    border-radius: 0;
     border-left: none;
     border-right: none;
   }
   #homepage-me .matter .matter-content .list-area .operation-box {
     padding: 15px 20px;
-    overflow-x: auto;
-    white-space: nowrap;
-    display: flex;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-  }
-  #homepage-me .matter .matter-content .list-area .operation-box::-webkit-scrollbar {
-    display: none;
-  }
-  #homepage-me .matter .matter-content .list-area .operation-box .operation-item {
-    flex-shrink: 0;
+    font-size: 16px;
   }
   #homepage-me .matter .matter-content .list-area .operation-box .operation-item:not(:last-child) {
     margin-right: 30px;
   }
-  #homepage-me .matter .matter-content .list-area .classify {
-    padding: 10px 20px 20px;
-    overflow-x: auto;
-    white-space: nowrap;
-    display: flex;
-    justify-content: flex-start;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
+  #homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
+    bottom: -18px;
   }
-  #homepage-me .matter .matter-content .list-area .classify::-webkit-scrollbar {
-    display: none;
+  #homepage-me .matter .matter-content .list-area .classify {
+    padding: 20px;
   }
   #homepage-me .matter .matter-content .list-area .classify .item {
     flex-shrink: 0;
@@ -537,7 +536,10 @@
     padding: 0 15px;
   }
   #homepage-me .matter .matter-content .list-area .issue-data {
-    padding: 0 20px 15px;
+    padding: 0 20px;
+  }
+  #homepage-me .matter .matter-content .list-area .list-load-box {
+    margin: 0 20px;
   }
   #homepage-me .matter .matter-content .list-area .list-box {
     padding: 0 20px;
@@ -557,6 +559,30 @@
     margin-bottom: 30px;
   }
 }
+@media screen and (max-width: 768px) {
+  .head-top .sign-in {
+    display: none !important;
+  }
+  .head-top .input-box {
+    width: inherit;
+    height: inherit;
+    background: none;
+    border: none;
+    padding: 5px;
+  }
+  .head-top .input-box .placeholder {
+    display: none;
+  }
+  .head-top .input-box .input {
+    display: none;
+  }
+  .head-top .input-box .icon {
+    margin-left: 0;
+  }
+  #homepage-me .matter .matter-content .list-area .classify .item {
+    padding: 0 9px;
+  }
+}
 @media screen and (max-width: 480px) {
   #homepage-me .matter .card-user .bi-box {
     width: 100%;
@@ -566,6 +592,27 @@
     width: 100%;
     background-size: 100% 100%;
   }
+  #homepage-me .matter .matter-content .list-area .operation-box {
+    padding: 15px 8px;
+    font-size: 15px;
+  }
+  #homepage-me .matter .matter-content .list-area .classify {
+    padding: 20px 8px;
+  }
+  #homepage-me .matter .matter-content .list-area .classify .item {
+    padding: 0 7px;
+    font-size: 13px;
+  }
+  #homepage-me .matter .matter-content .list-area .list-box {
+    padding: 0 8px;
+  }
+  #homepage-me .matter .matter-content .list-area .list-load-box {
+    margin: 0 8px;
+  }
+  #homepage-me .matter .matter-content .list-area .empty {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
   #homepage-me .matter .matter-content .message-box .info-list .item {
     width: 100%;
     margin-bottom: 12px;
@@ -574,4 +621,17 @@
   #homepage-me .matter .matter-content .message-box .info-list .item .label {
     width: auto;
   }
+  .item-box .bottom .bottom-item:not(:last-child) {
+    margin-right: 0;
+  }
+}
+@media screen and (max-width: 430px) {
+  #homepage-me .matter .matter-content .list-area .classify .item:not(:last-child) {
+    margin-right: 7px;
+  }
+}
+@media screen and (max-width: 410px) {
+  #homepage-me .matter .matter-content .list-area .classify .item {
+    font-size: 13px;
+  }
 }
diff --git a/css/homepage-me.less b/css/homepage-me.less
index 641222a..61774fe 100644
--- a/css/homepage-me.less
+++ b/css/homepage-me.less
@@ -32,8 +32,6 @@
                     border-radius: 8px;
                 }
 
-
-
                 .pen-box {
                     width: 24px;
                     height: 24px;
@@ -234,7 +232,8 @@
             }
         }
 
-        .matter-content {
+        .matter-content { 
+            min-width: 0;
             .message-box {
                 background-color: rgba(255, 255, 255, 1);
                 border: 1px solid rgba(233, 238, 242, 1);
@@ -370,6 +369,7 @@
                     .operation-item {
                         position: relative;
                         cursor: pointer;
+
                         &:not(:last-child) {
                             margin-right: 40px;
                         }
@@ -378,7 +378,6 @@
                             font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
                             font-weight: 650;
                             font-style: normal;
-                            font-size: 18px;
                             color: #000000;
 
                             &::after {
@@ -401,14 +400,14 @@
                     padding-left: 95px;
                     padding-right: 40px;
 
-                    overflow-x: auto;
-                    justify-content: flex-start;
-                    -webkit-overflow-scrolling: touch;
+                    // overflow-x: auto;
+                    // justify-content: flex-start;
+                    // -webkit-overflow-scrolling: touch;
 
-                    &::-webkit-scrollbar {
-                        display: none;
-                    }
-                    scrollbar-width: none;
+                    // &::-webkit-scrollbar {
+                    //     display: none;
+                    // }
+                    // scrollbar-width: none;
 
                     .item {
                         width: 50px;
@@ -457,7 +456,7 @@
                 }
 
                 .empty {
-                    width: 725px;
+                    // width: 725px;
                     height: 360px;
                     background-color: rgba(255, 255, 255, 1);
                     border: 1px solid rgba(233, 238, 242, 1);
@@ -479,6 +478,12 @@
                     }
                 }
 
+                .list-load-box {
+                    margin-left: 95px;
+                    margin-right: 40px;
+                    width: auto;
+                }
+
                 .load-more {
                     padding: 20px 0 40px;
                     color: #7f7f7f;
@@ -489,19 +494,53 @@
     }
 }
 
+@media screen and (max-width: 1050px) {
+    #homepage-me .matter .matter-content .list-area {
+        .operation-box {
+            padding-left: 40px;
+        }
+
+        .classify {
+            padding-left: 40px;
+        }
+
+        .issue-data {
+            padding-left: 40px;
+        }
+
+        .list-load-box {
+            margin-left: 40px;
+        }
+
+        .list-box {
+            padding-left: 40px;
+        }
+
+        .empty {
+            margin-left: 40px;
+        }
+    }
+}
+
+@media screen and (max-width: 950px) {
+    .item-box .bottom .bottom-item:not(:last-child) {
+        margin-right: 45px;
+    }
+}
+
 /* 响应式布局优化 */
 @media screen and (max-width: 880px) {
     .head-top {
         margin: 10px auto 15px !important;
     }
-    
+
     .head-navigation {
         display: none !important;
     }
 
     #homepage-me {
         width: 100%;
-        padding: 0;
+        // padding: 0;
 
         .matter {
             flex-direction: column;
@@ -513,7 +552,7 @@
                 padding: 30px 20px;
                 position: static;
                 align-items: center;
-                border-radius: 0;
+                // border-radius: 0;
                 border-left: none;
                 border-right: none;
 
@@ -545,24 +584,25 @@
 
             .matter-content {
                 width: 100%;
-                
+
                 .message-box {
                     width: auto;
                     margin: 0 0 15px 0;
                     padding: 20px;
-                    border-radius: 0;
+                    // border-radius: 0;
                     border-left: none;
                     border-right: none;
 
+                    .stats {
+                        padding-bottom: 0;
+                    }
+
                     .header {
-                        padding-top: 0;
-                        text-align: center;
-                        .avatar { display: none; }
-                        .username { font-size: 16px; font-weight: 600; }
+                        display: none;
                     }
 
                     .info-list {
-                        padding-top: 15px;
+                        padding-top: 0;
                         .item {
                             width: 50%;
                             padding-right: 10px;
@@ -576,34 +616,26 @@
                 }
 
                 .list-area {
-                    border-radius: 0;
                     border-left: none;
                     border-right: none;
 
                     .operation-box {
                         padding: 15px 20px;
-                        overflow-x: auto;
-                        white-space: nowrap;
-                        display: flex;
-                        -webkit-overflow-scrolling: touch;
-                        &::-webkit-scrollbar { display: none; }
-                        scrollbar-width: none;
+                        font-size: 16px;
 
                         .operation-item {
-                            flex-shrink: 0;
-                            &:not(:last-child) { margin-right: 30px; }
+                            &:not(:last-child) {
+                                margin-right: 30px;
+                            }
+
+                            &.pitch::after {
+                                bottom: -18px;
+                            }
                         }
                     }
 
                     .classify {
-                        padding: 10px 20px 20px;
-                        overflow-x: auto;
-                        white-space: nowrap;
-                        display: flex;
-                        justify-content: flex-start;
-                        -webkit-overflow-scrolling: touch;
-                        &::-webkit-scrollbar { display: none; }
-                        scrollbar-width: none;
+                        padding: 20px;
 
                         .item {
                             flex-shrink: 0;
@@ -613,7 +645,11 @@
                     }
 
                     .issue-data {
-                        padding: 0 20px 15px;
+                        padding: 0 20px;
+                    }
+
+                    .list-load-box {
+                        margin: 0 20px;
                     }
 
                     .list-box {
@@ -626,13 +662,13 @@
                         min-height: 200px;
                         margin: 20px;
                         padding: 40px 0;
-                        
+
                         .empty-icon {
                             width: 60px;
                             height: 60px;
                         }
                     }
-                    
+
                     .load-more {
                         margin-bottom: 30px;
                     }
@@ -642,28 +678,115 @@
     }
 }
 
+@media screen and (max-width: 768px) {
+    .head-top {
+        .sign-in {
+            display: none !important;
+        }
+
+        .input-box {
+            width: inherit;
+            height: inherit;
+            background: none;
+            border: none;
+            padding: 5px;
+
+            .placeholder {
+                display: none;
+            }
+
+            .input {
+                display: none;
+            }
+
+            .icon {
+                margin-left: 0;
+            }
+        }
+    }
+
+    #homepage-me .matter .matter-content .list-area .classify .item {
+        padding: 0 9px;
+    }
+}
+
 @media screen and (max-width: 480px) {
     #homepage-me .matter {
         .card-user {
             .bi-box {
                 width: 100%;
                 max-width: 320px;
-                .bi-masking { width: 100%; background-size: 100% 100%; }
+                .bi-masking {
+                    width: 100%;
+                    background-size: 100% 100%;
+                }
             }
         }
 
         .matter-content {
+            .list-area {
+                .operation-box {
+                    padding: 15px 8px;
+                    font-size: 15px;
+                }
+
+                .classify {
+                    padding: 20px 8px;
+                    .item {
+                        padding: 0 7px;
+                        font-size: 13px;
+                    }
+                }
+
+                .list-box {
+                    padding: 0 8px;
+                }
+
+                .list-load-box {
+                    margin: 0 8px;
+                }
+
+                .empty {
+                    margin-left: 8px;
+                    margin-right: 8px;
+                }
+            }
+
             .message-box {
                 .info-list {
                     .item {
                         width: 100%;
                         margin-bottom: 12px;
                         justify-content: space-between;
-                        
-                        .label { width: auto; }
+
+                        .label {
+                            width: auto;
+                        }
                     }
                 }
             }
         }
     }
+
+    .item-box .bottom .bottom-item:not(:last-child) {
+        margin-right: 0;
+    }
+}
+
+@media screen and (max-width: 430px) {
+    #homepage-me .matter {
+        .matter-content {
+            .list-area .classify {
+                .item:not(:last-child) {
+                    margin-right: 7px;
+                }
+            }
+        }
+    }
+}
+
+@media screen and (max-width: 410px) {
+    #homepage-me .matter .matter-content .list-area .classify .item {
+        font-size: 13px;
+    }
 }
diff --git a/css/homepage-other.css b/css/homepage-other.css
index 953af4d..3c0a075 100644
--- a/css/homepage-other.css
+++ b/css/homepage-other.css
@@ -107,6 +107,9 @@
   border: 1px solid #50e3c2;
   color: #000000;
 }
+#homepage-other .matter .matter-content {
+  min-width: 0;
+}
 #homepage-other .matter .matter-content .message-box {
   background-color: #ffffff;
   border: 1px solid #e9eef2;
@@ -255,7 +258,6 @@
   margin-bottom: 20px;
 }
 #homepage-other .matter .matter-content .list-area .empty {
-  width: 725px;
   height: 360px;
   background-color: #ffffff;
   border: 1px solid #e9eef2;
diff --git a/css/homepage-other.less b/css/homepage-other.less
index 2ccf0d0..941f5c1 100644
--- a/css/homepage-other.less
+++ b/css/homepage-other.less
@@ -124,6 +124,8 @@
         }
 
         .matter-content {
+            min-width: 0;
+
             .message-box {
                 background-color: rgba(255, 255, 255, 1);
                 border: 1px solid rgba(233, 238, 242, 1);
@@ -297,7 +299,7 @@
                 }
 
                 .empty {
-                    width: 725px;
+                    // width: 725px;
                     height: 360px;
                     background-color: rgba(255, 255, 255, 1);
                     border: 1px solid rgba(233, 238, 242, 1);
diff --git a/css/public.less b/css/public.less
index 8de01a3..a4da9cc 100644
--- a/css/public.less
+++ b/css/public.less
@@ -3208,19 +3208,6 @@ td {
                 font-size: calc(16 / 600 * 100vw);
                 line-height: calc(28 / 600 * 100vw);
             }
-
-            // .pop-bottom1,
-            // .pop-bottom2 {
-            //     width: calc(500 / 600 * 100vw);
-            // }
-
-            // .pop-bottom1 {
-            //     height: calc(155 / 600 * 100vw);
-            // }
-
-            // .pop-bottom2 {
-            //     height: calc(151 / 600 * 100vw);
-            // }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/css/search-tag.css b/css/search-tag.css
index f803eee..4b31839 100644
--- a/css/search-tag.css
+++ b/css/search-tag.css
@@ -65,7 +65,6 @@
   margin: 0 10px;
 }
 #search-tag .quantity .sort-area {
-  margin-left: auto;
   position: relative;
   z-index: 1;
 }
diff --git a/css/search-tag.less b/css/search-tag.less
index 50ae34b..a8b23a6 100644
--- a/css/search-tag.less
+++ b/css/search-tag.less
@@ -75,7 +75,6 @@
         }
 
         .sort-area {
-            margin-left: auto;
             position: relative;
             z-index: 1;
 
diff --git a/css/search.css b/css/search.css
index 6001f87..544437d 100644
--- a/css/search.css
+++ b/css/search.css
@@ -64,6 +64,62 @@
   color: #000000;
   margin: 0 10px;
 }
+#search .quantity .sort-area {
+  position: relative;
+  z-index: 1;
+}
+#search .quantity .sort-area .sort-head {
+  cursor: pointer;
+}
+#search .quantity .sort-area .sort-head .text {
+  font-size: 14px;
+  color: #555555;
+  line-height: 26px;
+  margin-right: 6px;
+}
+#search .quantity .sort-area .sort-head .icon {
+  width: 8px;
+  height: 5px;
+  transform: rotate(0deg);
+  transition: transform 0.3s ease-in-out;
+}
+#search .quantity .sort-area .sort-head .icon.rotate {
+  transform: rotate(180deg);
+}
+#search .quantity .sort-area .sort-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+}
+#search .quantity .sort-area .sort-box {
+  position: absolute;
+  top: 28px;
+  right: 0;
+  width: 140px;
+  padding: 0 10px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16862745);
+}
+#search .quantity .sort-area .sort-box .item {
+  font-size: 16px;
+  color: #555555;
+  text-align: center;
+  height: 60px;
+  line-height: 60px;
+  cursor: pointer;
+}
+#search .quantity .sort-area .sort-box .item.pitch {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  color: #d35110;
+}
+#search .quantity .sort-area .sort-box .item:not(:last-child) {
+  border-bottom: 1px dotted #d7d7d7;
+}
 #search .matter {
   align-items: flex-start;
 }
diff --git a/css/search.less b/css/search.less
index 1985971..c9ff4d1 100644
--- a/css/search.less
+++ b/css/search.less
@@ -71,6 +71,73 @@
             color: #000000;
             margin: 0 10px;
         }
+
+        .sort-area {
+            position: relative;
+            z-index: 1;
+
+            .sort-head {
+                cursor: pointer;
+
+                .text {
+                    font-size: 14px;
+                    color: #555555;
+                    line-height: 26px;
+                    margin-right: 6px;
+                }
+
+                .icon {
+                    width: 8px;
+                    height: 5px;
+
+                    transform: rotate(0deg);
+                    transition: transform 0.3s ease-in-out;
+
+                    &.rotate {
+                        transform: rotate(180deg);
+                    }
+                }
+            }
+
+            .sort-mask {
+                position: fixed;
+                top: 0;
+                left: 0;
+                width: 100vw;
+                height: 100vh;
+            }
+
+            .sort-box {
+                position: absolute;
+                top: 28px;
+                right: 0;
+                width: 140px;
+                padding: 0 10px;
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 8px;
+                box-shadow: 0 0 5px rgba(0, 0, 0, 0.168627450980392);
+
+                .item {
+                    font-size: 16px;
+                    color: #555555;
+                    text-align: center;
+                    height: 60px;
+                    line-height: 60px;
+                    cursor: pointer;
+
+                    &.pitch {
+                        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                        font-weight: 650;
+                        font-style: normal;
+                        color: #d35110;
+                    }
+
+                    &:not(:last-child) {
+                        border-bottom: 1px dotted #d7d7d7;
+                    }
+                }
+            }
+        }
     }
 
     .matter {
diff --git a/homepage-me-V2.html b/homepage-me-V2.html
index e5ca3d5..d6e9a6b 100644
--- a/homepage-me-V2.html
+++ b/homepage-me-V2.html
@@ -6,8 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title> -- 寄托天下</title>
-    <link rel="stylesheet" href="/css/public.css" />
-    <link rel="stylesheet" href="/css/homepage-me.css" />
+    <link rel="stylesheet" href="/css/public.css?v=8SfiKjW0aGnj" />
+    <link rel="stylesheet" href="/css/homepage-me.css?v=8SfiKjW0aGnj" />
     <!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-me.css" /> -->
 
     <meta name="description" content="">
@@ -98,12 +98,12 @@
 
 <body>
     <script>
-        window.__ASSET_VERSION__ = 'Z70';
+        window.__ASSET_VERSION__ = 'Z71';
         window.isMobile = window.innerWidth <= 768;
     </script>
     <div id="ajaxwaitid"></div>
     <div id="append_parent"></div>
-    <div class="head-top flexacenter" style="width: 100%; max-width: 1200px; margin: 20px auto 30px; z-index: 8; padding: 0 10px; box-sizing: border-box;">
+    <div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;z-index: 8;">
         <a href="/" class="flexacenter" target="_blank">
             <img class="logo" src="https://oss.gter.net/logo" alt="" />
         </a>
@@ -113,7 +113,7 @@
                 <div class="placeholder-box" style="transition: transform .3s ease"></div>
             </div>
 
-            <input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=KHf940mfyKbK" />
+            <input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=8SfiKjW0aGnj" />
             <div class="search-box-history">
                 <div class="search-box-history-title">历史搜索</div>
                 <div class="search-box-history-list"></div>
@@ -125,7 +125,7 @@
         <div class="sign-in sign-in-no flexacenter"></div>
 
         <div class="head-more flexcenter" onclick="openHeadPop()">
-            <img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=KHf940mfyKbK" />
+            <img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=8SfiKjW0aGnj" />
         </div>
 
         <div class="head-pop" style="display: none;">
@@ -143,9 +143,9 @@
                 <div class="sign-in sign-in-no flexacenter"></div>
 
                 <a class="head-more-post flexcenter" href="/publish" target="" onclick="skipLoginUrl(event)">
-                    <div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=KHf940mfyKbK" /></div>发布帖子
+                    <div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=8SfiKjW0aGnj" /></div>发布帖子
                 </a>
-                <img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=KHf940mfyKbK">
+                <img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=8SfiKjW0aGnj">
             </div>
         </div>
     </div>
@@ -165,9 +165,9 @@
         <!-- <head-top></head-top> -->
 
         <div class="head-navigation flexacenter">
-            <img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=KHf940mfyKbK" />
+            <img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=8SfiKjW0aGnj" />
             <a class="text" href="/" target="_blank">论坛</a>
-            <img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=KHf940mfyKbK" />
+            <img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=8SfiKjW0aGnj" />
             <div class="text">我的主页</div>
         </div>
 
@@ -177,26 +177,26 @@
                     <div class="avatar-box flexcenter" v-if="info.avatar">
                         <img class="avatar" :src="info.avatar" alt="用户头像" />
                         <a class="pen-box flexcenter" href="https://bbs.gter.net/account.php?a=avatar" target="_blank">
-                            <img class="pen-icon" src="https://framework.x-php.com/gter/forum/img/pen-icon.png?v=KHf940mfyKbK" />
+                            <img class="pen-icon" src="https://framework.x-php.com/gter/forum/img/pen-icon.png?v=8SfiKjW0aGnj" />
                         </a>
                     </div>
                     <h3 class="username flexcenter">{{ info.nickname }}</h3>
                     <p class="uid flexcenter">
                         UID: {{ info.uin }}
-                        <img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=KHf940mfyKbK" />
+                        <img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=8SfiKjW0aGnj" />
                     </p>
                 </div>
 
                 <div class="bi-box flexacenter">
-                    <img class="bi-masking" src="https://framework.x-php.com/gter/forum/img/bi-masking.svg?v=KHf940mfyKbK" alt="" />
-                    <img class="bi-icon" src="https://framework.x-php.com/gter/forum/img/bi-icon.svg?v=KHf940mfyKbK" alt="" />
+                    <img class="bi-masking" src="https://framework.x-php.com/gter/forum/img/bi-masking.svg?v=8SfiKjW0aGnj" alt="" />
+                    <img class="bi-icon" src="https://framework.x-php.com/gter/forum/img/bi-icon.svg?v=8SfiKjW0aGnj" alt="" />
                     <div class="bi-content flex1">
                         <div class="bi-sum">{{ info.gtercoin }}</div>
                         <div class="bi-text">寄托币</div>
                     </div>
                     <a class="bi-btn flexcenter" target="_blank" href="https://bbs.gter.net/account.php?a=credit&op=rule">
                         关于寄托币
-                        <img class="bi-question" src="https://framework.x-php.com/gter/forum/img/question-mark.svg?v=KHf940mfyKbK" alt="" />
+                        <img class="bi-question" src="https://framework.x-php.com/gter/forum/img/question-mark.svg?v=8SfiKjW0aGnj" alt="" />
 
                         <!-- <div class="bi-pop flexflex">
                         <div class="bi-coin-title">寄托币有什么用途、如何获取？</div>
@@ -244,13 +244,17 @@
                         </div>
                         <div class="item flexacenter">
                             <span class="label">Email</span>
-                            <span class="value">{{ info.email || '暂无' }}</span>
-                            <span v-if="info.email" class="status blue flexacenter">已认证</span>
+                            <div class="flexacenter">
+                                <span class="value">{{ info.email || '暂无' }}</span>
+                                <span v-if="info.email" class="status blue flexacenter">已认证</span>
+                            </div>
                         </div>
                         <div class="item flexacenter">
                             <span class="label">手机号</span>
-                            <span class="value">{{ info.mobile || '暂无' }}</span>
-                            <span v-if="info.mobile" class="status blue flexacenter">已认证</span>
+                            <div class="flexacenter">
+                                <span class="value">{{ info.mobile || '暂无' }}</span>
+                                <span v-if="info.mobile" class="status blue flexacenter">已认证</span>
+                            </div>
                         </div>
                         <div class="item flexacenter">
                             <span class="label">累计签到</span>
@@ -276,8 +280,8 @@
                     <!-- Offer标签区域 -->
                     <div class="tags flexflex" v-if="schoolTags.length != 0">
                         <div class="item flexacenter" v-for="item in schoolTags" :key="item">
-                            <img v-if="item.type == 'offer'" class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=KHf940mfyKbK" mode="heightFix" />
-                            <img v-else class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=KHf940mfyKbK" mode="heightFix" />
+                            <img v-if="item.type == 'offer'" class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
+                            <img v-else class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
                             {{ item.school }}
                         </div>
                     </div>
@@ -318,21 +322,122 @@
                     </div>
                     <div v-else-if="typeValue == 'footprint'" class="issue-data flexacenter">系统会为你保留最近7天的浏览记录：</div>
 
-                    <div class="list-box" v-if="list.length != 0">
-                        <template v-for="(item,index) in list" :key="item.uniqid">
-                            <item-offer v-if=" item.type == 'offer'" :itemdata="item" :page="listType"></item-offer>
-                            <item-summary v-else-if="item.type == 'offer_summary'" :itemdata="item" :page="listType"></item-summary>
-                            <item-vote v-else-if="item.type == 'vote'" :itemdata="item" :page="listType"></item-vote>
-                            <item-mj v-else-if="item.type == 'interviewexperience'" :itemdata="item" :page="listType"></item-mj>
-                            <item-tenement v-else-if="item.type == 'tenement'" :itemdata="item" :page="listType"></item-tenement>
-                            <item-forum v-else :itemdata="item" :page="listType"></item-forum>
-                        </template>
+                    <div class="list-box">
+                        <div class="item-box item-summary">
+                            <div>
+                                <div class="item-head flexacenter">
+                                    <div class="user-box flexacenter">
+                                        <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WVxbE6yOikN42jDKLNjtax7HItVhfceNSdU9oWFhY2E~/small">
+                                        <div class="name">一万杯美式定律</div>
+                                    </div>
+                                    <div class="time">10月05日 08:32</div>
+                                    <div class="flex1"></div>
+                                    <div class="flexacenter" style="position: relative;"></div>
+                                    <div class="view flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/eye-icon.svg">
+                                        <div class="text">553</div>
+                                    </div>
+                                    <div class="btn flexcenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/dot-dot-dot-gray.png"></div>
+                                </div>
+                                <div class="label flexflex">
+                                    <a class="item icon" target="_blank" href="/best">
+                                        <img src="https://framework.x-php.com/gter/forum//img/essence-icon.png" style="height: 25px;">
+                                    </a>
+                                    <a class="item blue" href="/section/rfVw9JnMLp3y" target="_blank">美国</a>
+                                    <a class="item" href="/tag/硕士" target="_blank">硕士</a>
+                                    <a class="item" href="/tag/工学类" target="_blank">工学类</a>
+                                    <a class="item" href="/tag/录取抉择" target="_blank">录取抉择</a>
+                                    <a class="item" href="/tag/海硕" target="_blank">海硕</a>
+                                    <a class="item" href="/tag/在读体验" target="_blank">在读体验</a>
+                                    <a class="item" href="/tag/经验分享" target="_blank">经验分享</a>
+                                    <a class="item" href="/tag/选校定位" target="_blank">选校定位</a>
+                                    <a class="item" href="/tag/25Fall" target="_blank">25Fall</a>
+                                    <a class="item" href="/tag/双非" target="_blank">双非</a>
+                                    <a class="item" href="/tag/申请准备" target="_blank">申请准备</a>
+                                </div>
+                            </div>
+                            <a class="title" href="/details/WCq5uT0WC1GX" target="_blank">25fall双非diy美硕申请总结</a>
+                            <a class="message one-line-display-v2" href="/details/WCq5uT0WC1GX" target="_blank">不知不觉也入学一个月了，在我的25fall申请季，我度过了从自怨————自卑————放平心态的心态转变，经历过我没有美国connection，均分不够高，学校相对来说没人选择出国的一系列bg会阻止我真..</a>
+                            <a class="total flexacenter" href="/details/WCq5uT0WC1GX" target="_blank">
+                                <div>共</div>
+                                <div class="num">13</div>
+                                <div>个Offer</div>
+                            </a>
+                            <a class="list flexacenter" href="/details/WCq5uT0WC1GX" target="_blank">
+                                <div class="item flexflex">
+                                    <div class="item-content flexflex">
+                                        <div class="school flexacenter">
+                                            <img class="icon" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZMscHvqqsgFptxhXa6RWi26P-BuTVcVEbGX5tkb8LQ0NDI5">
+                                            <div class="name one-line-display flex1">格拉斯哥大学</div>
+                                        </div>
+                                        <div class="major one-line-display">心理科学硕士 Master of Psychological Science(Conversion)</div>
+                                        <div class="info flexacenter">25Fall <div class="line"></div> MSc <div class="line"></div>
+                                            <div class="results r6">Con Offer</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item flexflex">
+                                    <div class="item-content flexflex">
+                                        <div class="school flexacenter">
+                                            <img class="icon" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZMtd3nqqsgFptxhXa6RWi26P-BuTQIQR7eX49kb8LQ0NDI5">
+                                            <div class="name one-line-display flex1">诺丁汉大学</div>
+                                        </div>
+                                        <div class="major one-line-display">Computational Neuroscience,Cognition and AI</div>
+                                        <div class="info flexacenter">25Fall <div class="line"></div> MSc <div class="line"></div>
+                                            <div class="results r6">Con Offer</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item more flexcenter">
+                                    <div class="item-content flexcenter">
+                                        <div class="">查看更多</div> <img class="icon" src="https://framework.x-php.com/gter/forum//img/arrows-circle-dark-blue.svg">
+                                    </div>
+                                </div>
+                            </a>
+                            <div page="">
+                                <a class="comment flexacenter" href="/details/WCq5uT0WC1GX" target="_blank">
+                                    <img class="icon" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small">
+                                    <div class="text one-line-display">666</div>
+                                </a>
+                                <div class="bottom flexacenter">
+                                    <div class="bottom-item like flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/like-red-icon.png">
+                                        <div class="text">14</div>
+                                    </div>
+                                    <div class="bottom-item flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/collect-golden.svg">
+                                        <div class="text">8</div>
+                                    </div> <a class="bottom-item flexacenter" href="/details/WCq5uT0WC1GX" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/discuss-icon.png">
+                                        <div class="text">7</div>
+                                    </a> <a class="bottom-item flexacenter" href="/details/WCq5uT0WC1GX" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/bi-copper-icon.png">
+                                        <div class="text">140</div>
+                                    </a>
+                                    <div class="bottom-item share flexacenter">
+                                        <img class="icon" src="https://framework.x-php.com/gter/forum//img/share-gray.png" style="width: 19px; height: 19px;">
+                                        <div class="text">转发</div>
+                                        <div class="share-box flexcenter">
+                                            <div class="share-item flexcenter">
+                                                <img class="share-icon" src="https://framework.x-php.com/gter/forum//img/copy-black-icon.png">
+                                                <div class="text">复制链接</div>
+                                            </div>
+                                            <div class="share-item wenxin flexcenter">
+                                                <img class="share-icon" src="https://framework.x-php.com/gter/forum//img/weixin-icon.png">
+                                                <div class="text">微信转发</div>
+                                                <div class="QRcode-box flexcenter">
+                                                    <div class="QRcode flexcenter">
+                                                        <img class="load" src="https://framework.x-php.com/gter/forum//img/load-icon.svg">
+                                                    </div>
+                                                    <div class="text">微信扫码</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
 
                     <load-box :loading="loading" style="margin-left: 95px;margin-right: 40px;width: calc(100% - 135px);"></load-box>
 
                     <div v-if="list.length == 0 && page == 0" class="empty flexcenter">
-                        <img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=KHf940mfyKbK" />
+                        <img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=8SfiKjW0aGnj" />
                         <div class="empty-text">- 暂无内容 -</div>
                     </div>
 
@@ -344,14 +449,14 @@
     </div>
 
 
-    <script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=KHf940mfyKbK"></script>
-    <script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=KHf940mfyKbK"></script>
-    <script src="https://framework.x-php.com/gter/forum/js/public.js?v=KHf940mfyKbK"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=8SfiKjW0aGnj"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=8SfiKjW0aGnj"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/public.js?v=8SfiKjW0aGnj"></script>
     <!-- <script src="https://f.gter.net/js/public.js"></script> -->
 
-    <script type="module" src="https://framework.x-php.com/gter/forum/js/homepage-me.js?v=KHf940mfyKbK"></script>
+    <script type="module" src="/js/homepage-me.js?v=8SfiKjW0aGnj"></script>
     <!-- <script type="module" src="https://f.gter.net/js/homepage-me.js"></script> -->
-    <script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=KHf940mfyKbK"></script>
+    <script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=8SfiKjW0aGnj"></script>
 
 
     <script src="https://app.gter.net/bottom?tpl=footer,popupnotification"></script>
@@ -359,7 +464,7 @@
     <script>
         if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) {
             const postList = document.querySelector('.head-top .post-list')
-            postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=KHf940mfyKbK" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=KHf940mfyKbK" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=KHf940mfyKbK" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=KHf940mfyKbK" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=KHf940mfyKbK" /> </a>`
+            postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=8SfiKjW0aGnj" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=8SfiKjW0aGnj" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=8SfiKjW0aGnj" /> </a>`
             postList.style.display = 'flex'
         } else if (location.href.indexOf('search') != -1) {
             const box = document.querySelector(".head-top")
@@ -372,17 +477,17 @@
             const signInList = document.querySelectorAll('.head-top .sign-in')
             signInList.forEach(element => {
                 element.innerHTML = `<div class="sign-in-no-box" onclick="headSignIn()">
-                <img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=KHf940mfyKbK" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=KHf940mfyKbK" />
-                <img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=KHf940mfyKbK" /><span class="text flex1">签到领寄托币</span>
+                <img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=8SfiKjW0aGnj" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=8SfiKjW0aGnj" />
+                <img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=8SfiKjW0aGnj" /><span class="text flex1">签到领寄托币</span>
                 <div class="sign-go flexcenter">
-                    <img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=KHf940mfyKbK" /> GO
+                    <img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=8SfiKjW0aGnj" /> GO
                 </div>
-                <img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=KHf940mfyKbK" />
-                <img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=KHf940mfyKbK" />
-                <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=KHf940mfyKbK" />
+                <img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=8SfiKjW0aGnj" />
+                <img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=8SfiKjW0aGnj" />
+                <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=8SfiKjW0aGnj" />
             </div>
             <div class="sign-in-already-box">
-                <img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=KHf940mfyKbK" />
+                <img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=8SfiKjW0aGnj" />
                 <span>已签到，明天再来</span>
             </div>`
 
diff --git a/homepage-other-V2.html b/homepage-other-V2.html
index 8eb3d5b..1c8cbd4 100644
--- a/homepage-other-V2.html
+++ b/homepage-other-V2.html
@@ -5,22 +5,23 @@
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>so猫的个人主页 -- 寄托天下</title>
-    <link rel="stylesheet" href="/css/public.css" />
+    <title>Gter4234578的个人主页 -- 寄托天下</title>
+    <link rel="stylesheet" href="https://framework.x-php.com/gter/forum/css/public.css?v=8SfiKjW0aGnj" />
     <link rel="stylesheet" href="/css/homepage-other.css" />
+    <!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-other.css" /> -->
 
-    <meta name="description" content="寄托天下留学论坛上查看so猫的个人主页">
-    <meta name="keywords" content="so猫, 寄托天下, 留学论坛">
+    <meta name="description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
+    <meta name="keywords" content="Gter4234578, 寄托天下, 留学论坛">
     <meta name="author" content="">
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <meta property="og:title" content="so猫的个人主页">
-    <meta property="og:description" content="寄托天下留学论坛上查看so猫的个人主页">
+    <meta property="og:title" content="Gter4234578的个人主页">
+    <meta property="og:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
     <meta property="og:image" content="">
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:title" content="so猫的个人主页">
-    <meta property="twitter:description" content="寄托天下留学论坛上查看so猫的个人主页">
+    <meta property="twitter:title" content="Gter4234578的个人主页">
+    <meta property="twitter:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
     <meta property="twitter:image" content="">
     <!-- 网站图标 -->
     <link rel="icon" href="https://www.gter.net/favicon.ico" type="image/x-icon">
@@ -102,7 +103,7 @@
     </script>
     <div id="ajaxwaitid"></div>
     <div id="append_parent"></div>
-    <div class="head-top flexacenter" style="width: 100%; max-width: 1200px; margin: 20px auto 30px; z-index: 8; padding: 0 10px; box-sizing: border-box;">
+    <div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;z-index: 8;">
         <a href="/" class="flexacenter" target="_blank">
             <img class="logo" src="https://oss.gter.net/logo" alt="" />
         </a>
@@ -112,7 +113,7 @@
                 <div class="placeholder-box" style="transition: transform .3s ease"></div>
             </div>
 
-            <input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=HP1TnTC4iXqb" />
+            <input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=8SfiKjW0aGnj" />
             <div class="search-box-history">
                 <div class="search-box-history-title">历史搜索</div>
                 <div class="search-box-history-list"></div>
@@ -124,7 +125,7 @@
         <div class="sign-in sign-in-no flexacenter"></div>
 
         <div class="head-more flexcenter" onclick="openHeadPop()">
-            <img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=HP1TnTC4iXqb" />
+            <img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=8SfiKjW0aGnj" />
         </div>
 
         <div class="head-pop" style="display: none;">
@@ -142,9 +143,9 @@
                 <div class="sign-in sign-in-no flexacenter"></div>
 
                 <a class="head-more-post flexcenter" href="/publish" target="" onclick="skipLoginUrl(event)">
-                    <div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=HP1TnTC4iXqb" /></div>发布帖子
+                    <div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=8SfiKjW0aGnj" /></div>发布帖子
                 </a>
-                <img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=HP1TnTC4iXqb">
+                <img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=8SfiKjW0aGnj">
             </div>
         </div>
     </div>
@@ -160,14 +161,14 @@
         </div>
     </div>
     <div class="container" id="homepage-other" v-cloak>
-        <div class="templateValue" ref="tokenRef">IK8gQW_rhIzjn5y_27ky2ZvwRQxRrg7wAsfg1NYIwUkqAJdjHi9EmGZmMjM~</div>
+        <div class="templateValue" ref="tokenRef">IK8gQW_rhIzjn5yY2uQ_0JiqTgYMrAn4WMapxMkekkt0CowlECFNoC_BNzDAbAfRZmYyMw~~</div>
         <!-- <head-top></head-top> -->
 
         <div class="head-navigation flexacenter">
-            <img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=HP1TnTC4iXqb" />
+            <img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=8SfiKjW0aGnj" />
             <a class="text" href="/" target="_blank">论坛</a>
-            <img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=HP1TnTC4iXqb" />
-            <div class="text one-line-display">so猫的个人主页</div>
+            <img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=8SfiKjW0aGnj" />
+            <div class="text one-line-display">Gter4234578的个人主页</div>
         </div>
 
         <div class="matter flexflex">
@@ -178,7 +179,7 @@
                     <h3 class="username flexcenter">{{ info.nickname }}</h3>
                     <p class="uid flexcenter">
                         UID: {{ info.uin }}
-                        <img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=HP1TnTC4iXqb" />
+                        <img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=8SfiKjW0aGnj" />
                     </p>
                 </div>
 
@@ -273,11 +274,11 @@
                     <div class="tags flexflex" v-if="schoolTags.length != 0">
                         <template v-for="(item, index) in schoolTags" :key="index">
                             <a v-if="item.type == 'offer'" class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid">
-                                <img class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=HP1TnTC4iXqb" mode="heightFix" />
+                                <img class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
                                 {{ item.school }}
                             </a>
                             <a v-else class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid">
-                                <img class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=HP1TnTC4iXqb" mode="heightFix" />
+                                <img class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
                                 {{ item.school }}
                             </a>
                         </template>
@@ -297,7 +298,103 @@
                         个赞
                     </div>
 
-                    <div class="list-box" v-if="list.length != 0">
+                    <div class="list-box">
+                        <div class="item-box item-vote">
+                            <div>
+                                <div class="item-head flexacenter">
+                                    <div class="user-box flexacenter"><img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFlXE6SOikN42jDKLNjtax7HI9owL5XdSdU9oWFhY2E~/small">
+                                        <div class="name">Gter4234578</div>
+                                    </div>
+                                    <div class="time">05月09日 19:11</div>
+                                    <div class="flex1"></div>
+                                    <div class="flexacenter" style="position: relative;"></div>
+                                    <div class="view flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/eye-icon.svg">
+                                        <div class="text">1416</div>
+                                    </div>
+                                    <div class="btn flexcenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/dot-dot-dot-gray.png"></div> <!--v-if-->
+                                </div>
+                                <div class="label flexflex">
+                                    <a class="item blue" href="/section/pLmN4HjKd8S" target="_blank">建筑</a>
+                                    <a class="item" href="/tag/问题求助" target="_blank">问题求助</a>
+                                    <a class="item" href="/tag/本科" target="_blank">本科</a>
+                                    <a class="item" href="/tag/跨专业" target="_blank">跨专业</a>
+                                    <a class="item" href="/tag/建筑学类" target="_blank">建筑学类</a>
+                                    <a class="item" href="/tag/985/211" target="_blank">985/211</a>
+                                </div>
+                            </div>
+                            <a class="title" href="/details/aeaea08qXP9y" target="_blank">建筑转行选offer</a>
+                            <a class="message one-line-display">建筑转行求助🥹。背景是985本。目前一些在大厂人建议我去供应链发展，选华威。但有些人说应该优先学校层次，专业不重要。</a>
+                            <a class="info flexacenter" target="_blank" href="/details/aeaea08qXP9y">
+                                <div class="status end">已结束</div>
+                                <div class="line"></div>
+                                <div class="num">12</div>人参与
+                            </a>
+                            <a class="list voted" target="_blank" href="/details/aeaea08qXP9y">
+                                <div class="list-item flexcenter">
+                                    <div class="list-top flexacenter">
+                                        <div class="list-serial flexcenter">1</div>
+                                        <div class="list-text one-line-display flex1">华威 供应链</div>
+                                    </div>
+                                    <div class="list-bottom flexacenter">
+                                        <div class="list-length" style="width: 58%;"></div>7
+                                    </div>
+                                </div>
+                                <div class="list-item flexcenter">
+                                    <div class="list-top flexacenter">
+                                        <div class="list-serial flexcenter">2</div>
+                                        <div class="list-text one-line-display flex1">ucl 智慧能源与建筑环境</div>
+                                    </div>
+                                    <div class="list-bottom flexacenter">
+                                        <div class="list-length" style="width: 17%;"></div>2
+                                    </div>
+                                </div>
+                                <div class="list-item flexcenter">
+                                    <div class="list-top flexacenter">
+                                        <div class="list-serial flexcenter">3</div>
+                                        <div class="list-text one-line-display flex1">不懂，围观学习</div>
+                                    </div>
+                                    <div class="list-bottom flexacenter">
+                                        <div class="list-length" style="width: 25%;"></div>3
+                                    </div>
+                                </div>
+                            </a>
+                            <div page="">
+                                <a class="comment flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WlRWHK2OikN42jDKLNjtax7HddRsK8HcSdU9oWFhY2E~/small">
+                                    <div class="text one-line-display">感觉供应链发展广些</div>
+                                </a>
+                                <div class="bottom flexacenter">
+                                    <div class="bottom-item like flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/like-icon.png">
+                                        <div class="text">1</div>
+                                    </div>
+                                    <div class="bottom-item flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/collect-gray.png">
+                                        <div class="text">收藏</div>
+                                    </div>
+                                    <a class="bottom-item flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/discuss-icon.png">
+                                        <div class="text">1</div>
+                                    </a>
+                                    <a class="bottom-item flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/bi-copper-icon.png">
+                                        <div class="text">投币</div>
+                                    </a><!-- 鼠标移入事件 -->
+                                    <div class="bottom-item share flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/share-gray.png" style="width: 19px; height: 19px;">
+                                        <div class="text">转发</div>
+                                        <div class="share-box flexcenter">
+                                            <div class="share-item flexcenter"><img class="share-icon" src="https://framework.x-php.com/gter/forum//img/copy-black-icon.png">
+                                                <div class="text">复制链接</div>
+                                            </div><!-- 鼠标移入 加载二维码 -->
+                                            <div class="share-item wenxin flexcenter"><img class="share-icon" src="https://framework.x-php.com/gter/forum//img/weixin-icon.png">
+                                                <div class="text">微信转发</div>
+                                                <div class="QRcode-box flexcenter">
+                                                    <div class="QRcode flexcenter"><img class="load" src="https://framework.x-php.com/gter/forum//img/load-icon.svg"></div>
+                                                    <div class="text">微信扫码</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- <div class="list-box" v-if="list.length != 0">
                         <template v-for="(item,index) in list" :key="index">
                             <item-offer v-if=" item.type == 'offer'" :itemdata="item"></item-offer>
                             <item-summary v-else-if="item.type == 'offer_summary'" :itemdata="item"></item-summary>
@@ -306,11 +403,11 @@
                             <item-tenement v-else-if="item.type == 'tenement'" :itemdata="item"></item-tenement>
                             <item-forum v-else :itemdata="item"></item-forum>
                         </template>
-                    </div>
+                    </div> -->
                     <load-box :loading="loading"></load-box>
 
                     <div v-if="list.length == 0 && page == 0" class="empty flexcenter">
-                        <img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=HP1TnTC4iXqb" />
+                        <img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=8SfiKjW0aGnj" />
                         <div class="empty-text">- 暂无内容 -</div>
                     </div>
 
@@ -321,14 +418,14 @@
     </div>
 
 
-    <script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=HP1TnTC4iXqb"></script>
-    <script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=HP1TnTC4iXqb"></script>
-    <script src="https://framework.x-php.com/gter/forum/js/public.js?v=HP1TnTC4iXqb"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=8SfiKjW0aGnj"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=8SfiKjW0aGnj"></script>
+    <script src="https://framework.x-php.com/gter/forum/js/public.js?v=8SfiKjW0aGnj"></script>
     <!-- <script src="https://f.gter.net/js/public.js"></script> -->
 
-    <script type="module" src="https://framework.x-php.com/gter/forum/js/homepage-other.js?v=HP1TnTC4iXqb"></script>
+    <script type="module" src="https://framework.x-php.com/gter/forum/js/homepage-other.js?v=8SfiKjW0aGnj"></script>
     <!-- <script type="module" src="https://f.gter.net/js/homepage-other.js"></script> -->
-    <script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=HP1TnTC4iXqb"></script>
+    <script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=8SfiKjW0aGnj"></script>
 
 
     <script src="https://app.gter.net/bottom?tpl=footer,popupnotification"></script>
@@ -336,7 +433,7 @@
     <script>
         if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) {
             const postList = document.querySelector('.head-top .post-list')
-            postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=HP1TnTC4iXqb" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=HP1TnTC4iXqb" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=HP1TnTC4iXqb" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=HP1TnTC4iXqb" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=HP1TnTC4iXqb" /> </a>`
+            postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=8SfiKjW0aGnj" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=8SfiKjW0aGnj" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=8SfiKjW0aGnj" /> </a>`
             postList.style.display = 'flex'
         } else if (location.href.indexOf('search') != -1) {
             const box = document.querySelector(".head-top")
@@ -349,17 +446,17 @@
             const signInList = document.querySelectorAll('.head-top .sign-in')
             signInList.forEach(element => {
                 element.innerHTML = `<div class="sign-in-no-box" onclick="headSignIn()">
-                <img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=HP1TnTC4iXqb" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=HP1TnTC4iXqb" />
-                <img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=HP1TnTC4iXqb" /><span class="text flex1">签到领寄托币</span>
+                <img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=8SfiKjW0aGnj" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=8SfiKjW0aGnj" />
+                <img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=8SfiKjW0aGnj" /><span class="text flex1">签到领寄托币</span>
                 <div class="sign-go flexcenter">
-                    <img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=HP1TnTC4iXqb" /> GO
+                    <img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=8SfiKjW0aGnj" /> GO
                 </div>
-                <img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=HP1TnTC4iXqb" />
-                <img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=HP1TnTC4iXqb" />
-                <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=HP1TnTC4iXqb" />
+                <img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=8SfiKjW0aGnj" />
+                <img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=8SfiKjW0aGnj" />
+                <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=8SfiKjW0aGnj" />
             </div>
             <div class="sign-in-already-box">
-                <img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=HP1TnTC4iXqb" />
+                <img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=8SfiKjW0aGnj" />
                 <span>已签到，明天再来</span>
             </div>`
 
diff --git a/js/homepage-me.js b/js/homepage-me.js
index 48e9c2c..a4d2e62 100644
--- a/js/homepage-me.js
+++ b/js/homepage-me.js
@@ -1,307 +1,371 @@
 const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch, provide } = Vue;
-import { itemForum } from "../component/item-forum/item-forum.js";
-import { itemOffer } from "../component/item-offer/item-offer.js";
-import { itemSummary } from "../component/item-summary/item-summary.js";
-import { itemVote } from "../component/item-vote/item-vote.js";
-import { itemMj } from "../component/item-mj/item-mj.js";
-import { itemTenement } from "../component/item-tenement/item-tenement.js";
-import { headTop } from "../component/head-top/head-top.js";
+(async function () {
+    const { itemForum } = await import(withVer("../component/item-forum/item-forum.js"));
+    const { itemOffer } = await import(withVer("../component/item-offer/item-offer.js"));
+    const { itemSummary } = await import(withVer("../component/item-summary/item-summary.js"));
+    const { itemVote } = await import(withVer("../component/item-vote/item-vote.js"));
+    const { itemMj } = await import(withVer("../component/item-mj/item-mj.js"));
+    const { itemTenement } = await import(withVer("../component/item-tenement/item-tenement.js"));
+    const { headTop } = await import(withVer("../component/head-top/head-top.js"));
+    const { loadBox } = await import(withVer("../component/load-box/load-box.js"));
 
-const appSectionIndex = createApp({
-    setup() {
-        onMounted(() => {
-            getUserInfoWin();
+    const appSectionIndex = createApp({
+        setup() {
+            const tokenRef = ref(null);
 
-            init();
+            onMounted(() => {
+                getUserInfoWin();
+                // init();
+                window.addEventListener("scroll", handleScroll);
 
-            window.addEventListener("scroll", handleScroll);
-        });
+                const params = getUrlParams();
 
-        const handleScroll = () => {
-            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+                if (params.classify) {
+                    classify.value = params.classify;
+                }
+                if (params.type) typeValue.value = params.type;
 
-            const scrollHeight = document.documentElement.scrollHeight;
-            const clientHeight = document.documentElement.clientHeight;
+                const preLoader = document.getElementById("pre-loader");
+                if (preLoader) preLoader.style.display = "none";
+            });
 
-            // 列表下 滑动到底部 获取新数据
-            if (scrollTop + clientHeight >= scrollHeight - 40) getList();
-        };
+            const handleScroll = () => {
+                const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 
-        let isLogin = ref(true);
-        let realname = ref(1); // 是否已经实名
-        let userInfoWin = ref({
-            authority: ["comment.edit", "comment.delete", "offercollege.hide", "offersummary.hide", "mj.hide", "topic:manager", "topic:hide"],
-            avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/middle?random=1761733169",
-            groupid: 3,
-            nickname: "肖荣豪",
-            realname: 1,
-            token: "01346a38444d71aaadb3adad52b52c39",
-            uid: 500144,
-            uin: 4238049,
-        });
+                const scrollHeight = document.documentElement.scrollHeight;
+                const clientHeight = window.innerHeight;
 
-        let permissions = ref([]);
-
-        const getUserInfoWin = () => {
-            const checkUser = () => {
-                const user = window.userInfoWin;
-                if (!user) return;
-                document.removeEventListener("getUser", checkUser);
-                realname.value = user.realname;
-                userInfoWin.value = user;
-                if (user?.uin > 0 || user?.uid > 0) isLogin.value = true;
-                permissions.value = user?.authority || [];
+                // 列表下 滑动到底部 获取新数据
+                if (scrollTop + clientHeight >= scrollHeight - 200) getList();
             };
-            document.addEventListener("getUser", checkUser);
-        };
 
-        const openAttest = () => {
-            const handleAttestClose = () => {
-                document.removeEventListener("closeAttest", handleAttestClose);
-                realname.value = window.userInfoWin?.realname || 0;
+            let uid = ref(0);
+            let uin = ref(0);
+            let isLogin = ref(false);
+            let realname = ref(0); // 是否已经实名
+            let userInfoWin = ref({});
+
+            let permissions = ref([]);
+
+            const getUserInfoWin = () => {
+                const checkUser = () => {
+                    const user = window.userInfoWin;
+                    if (!user) return;
+                    document.removeEventListener("getUser", checkUser);
+                    realname.value = user.realname;
+                    userInfoWin.value = user;
+                    if (user?.uin > 0 || user?.uid > 0) isLogin.value = true;
+                    permissions.value = user?.authority || [];
+
+                    uid.value = user.uid;
+                    uin.value = user.uin;
+                    init();
+                };
+                document.addEventListener("getUser", checkUser);
             };
-            // 启动认证流程时添加监听
-            document.addEventListener("closeAttest", handleAttestClose);
-            loadAttest(2);
-        };
 
-        // 跳转登录
-        const goLogin = () => {
-            if (typeof window === "undefined") return;
-            if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
-                if (window["userInfoWin"]["uid"]) isLogin.value = true;
-                else ajax_login();
-            } else ajax_login();
-        };
+            const openAttest = () => {
+                const handleAttestClose = () => {
+                    document.removeEventListener("closeAttest", handleAttestClose);
+                    realname.value = window.userInfoWin?.realname || 0;
+                };
+                // 启动认证流程时添加监听
+                document.addEventListener("closeAttest", handleAttestClose);
+                loadAttest(2);
+            };
 
-        provide("isLogin", isLogin);
-        provide("userInfoWin", userInfoWin);
-        provide("realname", realname);
-        provide("openAttest", openAttest);
-        provide("goLogin", goLogin);
+            // 跳转登录
+            const goLogin = () => {
+                if (typeof window === "undefined") return;
+                if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
+                    if (window["userInfoWin"]["uid"]) isLogin.value = true;
+                    else ajax_login();
+                } else ajax_login();
+            };
 
-        let schoolTags = ref([]);
-        let gtercoin = ref(0);
-        let info = ref({});
-        let medallist = ref([]);
-        let introduction = ref("");
+            provide("isLogin", isLogin);
+            provide("userInfoWin", userInfoWin);
+            provide("realname", realname);
+            provide("openAttest", openAttest);
+            provide("goLogin", goLogin);
 
-        let avatar = "";
-        const init = () => {
-            ajax(`/v2/api/forum/postUserDetail`)
-                .then((res) => {
-                    if (res.code == 401) {
-                        goLogin();
+            const init = () => {
+                uid.value = 500144
+                uin.value = 4238049
+                ajaxGet(`/v2/api/forum/getSpaceDetail?uid=${uid.value}&uin=${uin.value}`).then((res) => {
+                    if (res.code != 200) {
+                        creationAlertBox("error", res.message);
                         return;
                     }
-                    let data = res.data;
+
+                    const data = res.data;
 
                     const allValues = Object.values(data.schoolTags || []);
                     const onlyArrays = allValues.filter((item) => Array.isArray(item));
                     let schoolTagsData = onlyArrays.flat();
-                    schoolTags.value = schoolTagsData;
 
-                    gtercoin.value = data.gtercoin;
+                    data.info["lastlogintime"] = timeago(data.info.lastlogintime, 2);
+                    data.info["gtercoin"] = Math.floor(data.info.gtercoin || 0);
+
                     info.value = data.info || {};
                     medallist.value = data.medal || [];
-                    introduction.value = data?.urls?.introduction;
-                    avatar = data?.info?.avatar || "";
+                    schoolTags.value = schoolTagsData;
 
-                    getCount();
-                    getList();
-                })
-                .catch(() => {});
-        };
+                    calculateCreationType(data.count);
 
-        let createCount = ref(0);
-        let count = ref(0);
-        let creation = ref([]);
-        let interaction = ref({});
+                    nextTick(() => {
+                        getList();
+                    });
 
-        const getCount = () => {
-            ajax("/v2/api/forum/postUserStatistic").then((res) => {
-                if (res.code != 200) return;
-                const data = res.data;
-
-                count.value = data.count;
-                creation.value = data.create || [];
-                createCount.value = creation.value.reduce((sum, item) => {
-                    const validCount = Number(item.count) || 0;
-                    return sum + validCount;
-                }, 0);
-
-                interaction.value = data.interaction || [];
-
-                calculateCreationType(creation.value, createCount.value);
-            });
-        };
-
-        let creationType = ref([]);
-
-        // 计算出创作分类
-        const calculateCreationType = (creation, creationCount) => {
-            let value = {};
-            creation.forEach((element) => {
-                value[element.type] = element.count;
-            });
-
-            let obj = {
-                offer: "offer",
-                offer_summary: "总结",
-                interviewexperience: "面经",
+                    const nickname = data.info.nickname || "";
+                    document.title = `${nickname}的个人主页 -- 寄托天下`;
+                });
+                // .finally(() => wx.hideLoading());
             };
 
-            let arr = [];
-            let accumulation = 0; // 累加
-            for (const key in obj) {
-                accumulation += value[key] || 0;
-                arr.push({
-                    text: obj[key],
-                    number: value[key] || 0,
-                });
-            }
+            let schoolTags = ref([]);
+            let gtercoin = ref(0);
+            let info = ref({});
+            let medallist = ref([]);
+            let introduction = ref("");
 
-            arr.push({
-                text: "其他",
-                number: creationCount - accumulation || 0,
-            });
+            let avatar = "";
+            // const init = () => {
+            //     ajax(`/v2/api/forum/postUserDetail`)
+            //         .then((res) => {
+            //             if (res.code == 401) {
+            //                 goLogin();
+            //                 return;
+            //             }
+            //             let data = res.data;
 
-            creationType.value = arr;
-        };
+            //             const allValues = Object.values(data.schoolTags || []);
+            //             const onlyArrays = allValues.filter((item) => Array.isArray(item));
+            //             let schoolTagsData = onlyArrays.flat();
+            //             schoolTags.value = schoolTagsData;
 
-        let typeList = ref([
-            {
-                text: "收藏",
-                type: "collection",
-            },
-            {
-                text: "发布",
-                type: "creation",
-            },
-            {
-                text: "评论",
-                type: "comment",
-            },
-            {
-                text: "点赞",
-                type: "like",
-            },
-            {
-                text: "足迹",
-                type: "footprint",
-            },
-        ]);
+            //             gtercoin.value = data.gtercoin;
+            //             info.value = data.info || {};
+            //             medallist.value = data.medal || [];
+            //             introduction.value = data?.urls?.introduction;
+            //             avatar = data?.info?.avatar || "";
 
-        let typeValue = ref("collection");
+            //             getCount();
+            //             getList();
+            //         })
+            //         .catch(() => {});
+            // };
 
-        const classifyList = ref([
-            {
-                text: "全部",
-                type: "",
-            },
-            {
-                text: "帖子",
-                type: "thread",
-            },
-            {
-                text: "Offer",
-                type: "offer",
-            },
-            {
-                text: "总结",
-                type: "offer_summary",
-            },
-            {
-                text: "面经",
-                type: "interviewexperience",
-            },
-            {
-                text: "投票",
-                type: "vote",
-            },
-            {
-                text: "租房",
-                type: "tenement",
-            },
-        ]);
+            let createCount = ref(0);
+            let count = ref(0);
+            let creation = ref([]);
+            let interaction = ref({});
 
-        let classify = ref("");
-
-        let list = ref([]);
-        let page = ref(1);
-        let total = ref(0);
-
-        let loading = ref(false);
-        const getList = () => {
-            if (page.value == 0 || loading.value) return;
-            loading.value = true;
-            let url = `/v2/api/forum/postUserCollect`;
-            if (typeValue.value == "comment") url = `/v2/api/forum/postUserComment`;
-            if (typeValue.value == "like") url = `/v2/api/forum/postUserLike`;
-            if (typeValue.value == "footprint") url = `/v2/api/forum/postUserFootprint`;
-
-            ajax(url, {
-                page: page.value,
-                type: classify.value,
-            })
-                .then((res) => {
+            const getCount = () => {
+                ajax("/v2/api/forum/postUserStatistic").then((res) => {
                     if (res.code != 200) return;
-                    const data = res.data || [];
+                    const data = res.data;
 
-                    let targetList = data.data || [];
+                    count.value = data.count;
+                    creation.value = data.create || [];
+                    createCount.value = creation.value.reduce((sum, item) => {
+                        const validCount = Number(item.count) || 0;
+                        return sum + validCount;
+                    }, 0);
 
-                    targetList.forEach((element) => element.comment_list?.forEach((ele) => (ele["avatar"] = avatar)));
+                    interaction.value = data.interaction || [];
 
-                    total.value = data.count;
-                    list.value = [...list.value, ...targetList];
-                    page.value = list.value.length >= data.count ? 0 : page.value + 1;
+                    calculateCreationType(creation.value, createCount.value);
+                });
+            };
+
+            let creationType = ref([]);
+
+            // 计算出创作分类
+            const calculateCreationType = (creation, creationCount) => {
+                let value = {};
+                creation.forEach((element) => {
+                    value[element.type] = element.count;
+                });
+
+                let obj = {
+                    offer: "offer",
+                    offer_summary: "总结",
+                    interviewexperience: "面经",
+                };
+
+                let arr = [];
+                let accumulation = 0; // 累加
+                for (const key in obj) {
+                    accumulation += value[key] || 0;
+                    arr.push({
+                        text: obj[key],
+                        number: value[key] || 0,
+                    });
+                }
+
+                arr.push({
+                    text: "其他",
+                    number: creationCount - accumulation || 0,
+                });
+
+                creationType.value = arr;
+            };
+
+            let typeList = ref([
+                {
+                    text: "收藏",
+                    type: "collection",
+                },
+                {
+                    text: "发布",
+                    type: "creation",
+                },
+                {
+                    text: "评论",
+                    type: "comment",
+                },
+                {
+                    text: "点赞",
+                    type: "like",
+                },
+                {
+                    text: "足迹",
+                    type: "footprint",
+                },
+            ]);
+
+            let typeValue = ref("collection");
+            // 监听 typeValue == creation 时 变量 listType 为 edit
+            watch(
+                () => typeValue.value,
+                (newVal, oldVal) => {
+                    if (newVal == "creation") listType.value = "edit";
+                    else listType.value = "";
+                }
+            );
+
+            let listType = ref(""); // edit
+
+            const classifyList = ref([
+                {
+                    text: "全部",
+                    type: "",
+                },
+                {
+                    text: "帖子",
+                    type: "thread",
+                },
+                {
+                    text: "Offer",
+                    type: "offer",
+                },
+                {
+                    text: "总结",
+                    type: "offer_summary",
+                },
+                {
+                    text: "面经",
+                    type: "interviewexperience",
+                },
+                {
+                    text: "投票",
+                    type: "vote",
+                },
+                {
+                    text: "租房",
+                    type: "tenement",
+                },
+            ]);
+
+            let classify = ref("");
+
+            let list = ref([]);
+            let page = ref(1);
+            let total = ref(0);
+
+            let loading = ref(false);
+            const getList = () => {
+                if (page.value == 0 || loading.value) return;
+                loading.value = true;
+                let url = `/v2/api/forum/postUserCollect`;
+                if (typeValue.value == "creation") url = `/v2/api/forum/postUserPublish`;
+                if (typeValue.value == "like") url = `/v2/api/forum/postUserLike`;
+                if (typeValue.value == "footprint") url = `/v2/api/forum/postUserFootprint`;
+
+                ajax(url, {
+                    page: page.value,
+                    type: classify.value,
                 })
-                .finally(() => (loading.value = false));
-        };
+                    .then((res) => {
+                        if (res.code != 200) return;
+                        const data = res.data || [];
 
-        // 取消操作后的删除
-        const cancelOperate = (type, token) => {
-            if (typeValue.value != type) return;
-            const index = list.value.findIndex((item) => item.token == token);
-            if (index == -1) return;
-            list.value.splice(index, 1);
-            total.value--;
-        };
+                        let targetList = data.data || [];
 
-        provide("cancelOperate", cancelOperate);
+                        targetList.forEach((element) => element.comment_list?.forEach((ele) => (ele["avatar"] = avatar)));
 
-        const classifyChange = (type) => {
-            if (classify.value == type) return;
-            page.value = 1;
-            list.value = [];
-            total.value = 0;
-            classify.value = type;
-            getList();
-        };
+                        total.value = data.count;
+                        list.value = [...list.value, ...targetList];
+                        page.value = list.value.length >= data.count ? 0 : page.value + 1;
+                    })
+                    .finally(() => (loading.value = false));
+            };
 
-        const typeChange = (type) => {
-            if (typeValue.value == type) return;
-            typeValue.value = type;
-            page.value = 1;
-            list.value = [];
-            total.value = 0;
-            classify.value = "";
+            // 取消操作后的删除
+            const cancelOperate = (type, token) => {
+                if (typeValue.value != type) return;
+                const index = list.value.findIndex((item) => item.token == token);
+                if (index == -1) return;
+                list.value.splice(index, 1);
+                total.value--;
+            };
 
-            getList();
-        };
+            provide("cancelOperate", cancelOperate);
 
-        const copy = (text) => copyUid(text);
+            const classifyChange = (type) => {
+                if (classify.value == type) return;
+                page.value = 1;
+                list.value = [];
+                total.value = 0;
+                classify.value = type;
+                getList();
+            };
 
-        return { typeChange, page, loading, classifyChange, total, list, classifyList, classify, typeValue, typeList, creationType, gtercoin, info, medallist, schoolTags, introduction, copy };
-    },
-});
+            const typeChange = (type) => {
+                if (typeValue.value == type) return;
+                typeValue.value = type;
+                page.value = 1;
+                list.value = [];
+                total.value = 0;
+                classify.value = "";
 
-appSectionIndex.component("itemForum", itemForum);
-appSectionIndex.component("itemOffer", itemOffer);
-appSectionIndex.component("itemSummary", itemSummary);
-appSectionIndex.component("itemVote", itemVote);
-appSectionIndex.component("itemMj", itemMj);
-appSectionIndex.component("itemTenement", itemTenement);
-appSectionIndex.component("headTop", headTop);
+                getList();
+            };
 
-appSectionIndex.mount("#homepage-me");
+            const copy = (text) => copyForumUid(text);
+
+            const handleDelete = (token) => {
+                const index = list.value.findIndex((item) => item.token == token);
+                if (index == -1) return;
+                list.value.splice(index, 1);
+                total.value--;
+            };
+
+            provide("handleDelete", handleDelete);
+
+            return { listType, typeChange, page, loading, classifyChange, total, list, classifyList, classify, typeValue, typeList, creationType, gtercoin, info, medallist, schoolTags, introduction, copy };
+        },
+    });
+
+    appSectionIndex.component("itemForum", itemForum);
+    appSectionIndex.component("itemOffer", itemOffer);
+    appSectionIndex.component("itemSummary", itemSummary);
+    appSectionIndex.component("itemVote", itemVote);
+    appSectionIndex.component("itemMj", itemMj);
+    appSectionIndex.component("itemTenement", itemTenement);
+    appSectionIndex.component("headTop", headTop);
+    appSectionIndex.component("loadBox", loadBox);
+
+    appSectionIndex.mount("#homepage-me");
+})();
diff --git a/js/public.js b/js/public.js
index d07b3b8..c5abacd 100644
--- a/js/public.js
+++ b/js/public.js
@@ -24,7 +24,7 @@ const ajax = (url, data) => {
     url = url.indexOf("https://") > -1 ? url : forumBaseURL + url;
     if (data) data["v"] = vParam || "v2";
     return new Promise(function (resolve, reject) {
-        if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "d1329afaff3230eae2463306371e74eb";
+        if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "5bc5ed1bbdb36205042098dd2022bf32";
 
         axios
             .post(url, data, {
@@ -89,7 +89,7 @@ const ajaxGet = (url) => {
     url = `${url}${paramSymbol}v=${vParam || "v2"}`;
 
     return new Promise(function (resolve, reject) {
-        if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "d1329afaff3230eae2463306371e74eb";
+        if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "5bc5ed1bbdb36205042098dd2022bf32";
 
         axios
             .get(
diff --git a/js/publish_admin.js b/js/publish_admin.js
index 8b47d68..b07c03e 100644
--- a/js/publish_admin.js
+++ b/js/publish_admin.js
@@ -279,6 +279,26 @@ const editApp = createApp({
                 language: LANG === "en" ? "en" : "zh_CN",
                 language_url: LANG === "en" ? undefined : "/js/tinymce/langs/zh_CN.js",
                 plugins: "image media table link lists code charmap emoticons wordcount fullscreen preview searchreplace autolink directionality visualblocks visualchars template codesample",
+                paste_preprocess: (plugin, args) => {
+                    if (!args.content.match(/<\/?(p|div|h[1-6]|ul|ol|table|blockquote|pre)[^>]*>/i)) {
+                        const fragments = args.content.split(/<br\s*\/?>/gi);
+                        const newContent = fragments
+                            .map((frag) => {
+                                // 移除 &nbsp; 和空白后检查是否有内容
+                                // 保留图片等 HTML 标签，只过滤纯空白行
+                                if (frag.replace(/&nbsp;/gi, "").trim().length > 0) {
+                                    return "<p>" + frag + "</p>";
+                                }
+                                return null;
+                            })
+                            .filter(Boolean)
+                            .join("");
+
+                        if (newContent) {
+                            args.content = newContent;
+                        }
+                    }
+                },
                 toolbar: "undo redo | blocks | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | removeformat | emoticons | fullscreen",
                 menubar: false,
                 fixed_toolbar_container: "#editor-toolbar",
diff --git a/publish_admin.html b/publish_admin.html
index 9825bc3..af7ac6d 100644
--- a/publish_admin.html
+++ b/publish_admin.html
@@ -10,8 +10,8 @@
   <!-- <link href="https://framework.x-php.com/gter/forum/css/editorStyle.css" rel="stylesheet"> -->
   <script src="https://framework.x-php.com/gter/forum/js/vue.global.js"></script>
   <script src="https://framework.x-php.com/gter/forum/js/tinymce/tinymce.min.js"></script>
-  <link rel="stylesheet" href="katex/css/katex.min.css">
-  <script src="katex/js/katex.min.js"></script>
+  <!-- <link rel="stylesheet" href="katex/css/katex.min.css"> -->
+  <!-- <script src="katex/js/katex.min.js"></script> -->
   <!-- <link rel="stylesheet" href="/css/textbus.min.css"> -->
   <!-- <script src="/js/textbus.min.js"></script> -->
 
@@ -248,11 +248,10 @@
     </div>
   </div>
 
+  <!-- <script type="module" src="https://framework.x-php.com/gter/forum/js/editor.js"></script> -->
   <script src="https://framework.x-php.com/gter/forum/js/axios.min.js"></script>
-  <script src="/js/public.js"></script>
+  <script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
   <script type="module" src="/js/publish_admin.js"></script>
-  <!-- <script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
-  <script type="module" src="https://framework.x-php.com/gter/forum/js/publish_admin.js"></script> -->
 </body>
 
 </html>
\ No newline at end of file