A1300399510/PC-Light-Forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(homepage): 修复个人主页样式和功能问题

Browse Source 
修复个人主页的响应式布局问题，优化移动端显示效果
调整分类和排序区域的样式，移除不必要的margin-left
更新投票组件的内容显示类名为one-line-display-v2
修复主页加载逻辑，优化数据获取和分页处理
移除未使用的代码和注释，清理CSS样式
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-12-26 18:50:05 +08:00
parent 82e67b2a0b
commit ea6ae8d7fc
17 changed files with 1033 additions and 453 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
homepage-other-V2.html
View File

@@ -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>`