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

193
homepage-me-V2.html
View File

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