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

2
component/item-vote/item-vote.js
View File

@@ -81,5 +81,5 @@ export const itemVote = defineComponent({
itemHead, 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>`,
}); });

2
component/item-vote/item-vote.txt
View File

@@ -1,7 +1,7 @@
<div class="item-box item-vote"> <div class="item-box item-vote">
<item-head :itemdata="item" :page="page"></item-head> <item-head :itemdata="item" :page="page"></item-head>
<a class="title" :href="item.url" target="_blank">{{ item.title }}</a> <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"> <a class="info flexacenter" target="_blank" :href="item.url">
<template v-if="item?.data.status == 1"> <template v-if="item?.data.status == 1">
<div class="status">进行中</div> <div class="status">进行中</div>

148
css/homepage-me.css
View File

@@ -201,6 +201,9 @@
margin-right: 8px; margin-right: 8px;
margin-bottom: 8px; margin-bottom: 8px;
} }
#homepage-me .matter .matter-content {
min-width: 0;
}
#homepage-me .matter .matter-content .message-box { #homepage-me .matter .matter-content .message-box {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #e9eef2; border: 1px solid #e9eef2;
@@ -327,7 +330,6 @@
font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650; font-weight: 650;
font-style: normal; font-style: normal;
font-size: 18px;
color: #000000; color: #000000;
} }
#homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after { #homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
@@ -345,13 +347,6 @@
padding-bottom: 23px; padding-bottom: 23px;
padding-left: 95px; padding-left: 95px;
padding-right: 40px; 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 { #homepage-me .matter .matter-content .list-area .classify .item {
width: 50px; width: 50px;
@@ -393,7 +388,6 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
#homepage-me .matter .matter-content .list-area .empty { #homepage-me .matter .matter-content .list-area .empty {
width: 725px;
height: 360px; height: 360px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #e9eef2; border: 1px solid #e9eef2;
@@ -412,11 +406,41 @@
color: #7f7f7f; color: #7f7f7f;
margin-top: 10px; 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 { #homepage-me .matter .matter-content .list-area .load-more {
padding: 20px 0 40px; padding: 20px 0 40px;
color: #7f7f7f; color: #7f7f7f;
font-size: 14px; 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) { @media screen and (max-width: 880px) {
.head-top { .head-top {
@@ -427,7 +451,6 @@
} }
#homepage-me { #homepage-me {
width: 100%; width: 100%;
padding: 0;
} }
#homepage-me .matter { #homepage-me .matter {
flex-direction: column; flex-direction: column;
@@ -439,7 +462,6 @@
padding: 30px 20px; padding: 30px 20px;
position: static; position: static;
align-items: center; align-items: center;
border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
} }
@@ -471,23 +493,17 @@
width: auto; width: auto;
margin: 0 0 15px 0; margin: 0 0 15px 0;
padding: 20px; padding: 20px;
border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
} }
#homepage-me .matter .matter-content .message-box .header { #homepage-me .matter .matter-content .message-box .stats {
padding-top: 0; padding-bottom: 0;
text-align: center;
} }
#homepage-me .matter .matter-content .message-box .header .avatar { #homepage-me .matter .matter-content .message-box .header {
display: none; 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 { #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 { #homepage-me .matter .matter-content .message-box .info-list .item {
width: 50%; width: 50%;
@@ -498,38 +514,21 @@
justify-content: center; justify-content: center;
} }
#homepage-me .matter .matter-content .list-area { #homepage-me .matter .matter-content .list-area {
border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
} }
#homepage-me .matter .matter-content .list-area .operation-box { #homepage-me .matter .matter-content .list-area .operation-box {
padding: 15px 20px; padding: 15px 20px;
overflow-x: auto; font-size: 16px;
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;
} }
#homepage-me .matter .matter-content .list-area .operation-box .operation-item:not(:last-child) { #homepage-me .matter .matter-content .list-area .operation-box .operation-item:not(:last-child) {
margin-right: 30px; margin-right: 30px;
} }
#homepage-me .matter .matter-content .list-area .classify { #homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
padding: 10px 20px 20px; bottom: -18px;
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 .classify::-webkit-scrollbar { #homepage-me .matter .matter-content .list-area .classify {
display: none; padding: 20px;
} }
#homepage-me .matter .matter-content .list-area .classify .item { #homepage-me .matter .matter-content .list-area .classify .item {
flex-shrink: 0; flex-shrink: 0;
@@ -537,7 +536,10 @@
padding: 0 15px; padding: 0 15px;
} }
#homepage-me .matter .matter-content .list-area .issue-data { #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 { #homepage-me .matter .matter-content .list-area .list-box {
padding: 0 20px; padding: 0 20px;
@@ -557,6 +559,30 @@
margin-bottom: 30px; 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) { @media screen and (max-width: 480px) {
#homepage-me .matter .card-user .bi-box { #homepage-me .matter .card-user .bi-box {
width: 100%; width: 100%;
@@ -566,6 +592,27 @@
width: 100%; width: 100%;
background-size: 100% 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 { #homepage-me .matter .matter-content .message-box .info-list .item {
width: 100%; width: 100%;
margin-bottom: 12px; margin-bottom: 12px;
@@ -574,4 +621,17 @@
#homepage-me .matter .matter-content .message-box .info-list .item .label { #homepage-me .matter .matter-content .message-box .info-list .item .label {
width: auto; 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;
}
} }

201
css/homepage-me.less
View File

@@ -32,8 +32,6 @@
border-radius: 8px; border-radius: 8px;
} }
.pen-box { .pen-box {
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -235,6 +233,7 @@
} }
.matter-content { .matter-content {
min-width: 0;
.message-box { .message-box {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 1); border: 1px solid rgba(233, 238, 242, 1);
@@ -370,6 +369,7 @@
.operation-item { .operation-item {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
&:not(:last-child) { &:not(:last-child) {
margin-right: 40px; margin-right: 40px;
} }
@@ -378,7 +378,6 @@
font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650; font-weight: 650;
font-style: normal; font-style: normal;
font-size: 18px;
color: #000000; color: #000000;
&::after { &::after {
@@ -401,14 +400,14 @@
padding-left: 95px; padding-left: 95px;
padding-right: 40px; padding-right: 40px;
overflow-x: auto; // overflow-x: auto;
justify-content: flex-start; // justify-content: flex-start;
-webkit-overflow-scrolling: touch; // -webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { // &::-webkit-scrollbar {
display: none; // display: none;
} // }
scrollbar-width: none; // scrollbar-width: none;
.item { .item {
width: 50px; width: 50px;
@@ -457,7 +456,7 @@
} }
.empty { .empty {
width: 725px; // width: 725px;
height: 360px; height: 360px;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 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 { .load-more {
padding: 20px 0 40px; padding: 20px 0 40px;
color: #7f7f7f; color: #7f7f7f;
@@ -489,6 +494,40 @@
} }
} }
@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) { @media screen and (max-width: 880px) {
.head-top { .head-top {
@@ -501,7 +540,7 @@
#homepage-me { #homepage-me {
width: 100%; width: 100%;
padding: 0; // padding: 0;
.matter { .matter {
flex-direction: column; flex-direction: column;
@@ -513,7 +552,7 @@
padding: 30px 20px; padding: 30px 20px;
position: static; position: static;
align-items: center; align-items: center;
border-radius: 0; // border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
@@ -550,19 +589,20 @@
width: auto; width: auto;
margin: 0 0 15px 0; margin: 0 0 15px 0;
padding: 20px; padding: 20px;
border-radius: 0; // border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
.stats {
padding-bottom: 0;
}
.header { .header {
padding-top: 0; display: none;
text-align: center;
.avatar { display: none; }
.username { font-size: 16px; font-weight: 600; }
} }
.info-list { .info-list {
padding-top: 15px; padding-top: 0;
.item { .item {
width: 50%; width: 50%;
padding-right: 10px; padding-right: 10px;
@@ -576,34 +616,26 @@
} }
.list-area { .list-area {
border-radius: 0;
border-left: none; border-left: none;
border-right: none; border-right: none;
.operation-box { .operation-box {
padding: 15px 20px; padding: 15px 20px;
overflow-x: auto; font-size: 16px;
white-space: nowrap;
display: flex;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { display: none; }
scrollbar-width: none;
.operation-item { .operation-item {
flex-shrink: 0; &:not(:last-child) {
&:not(:last-child) { margin-right: 30px; } margin-right: 30px;
}
&.pitch::after {
bottom: -18px;
}
} }
} }
.classify { .classify {
padding: 10px 20px 20px; padding: 20px;
overflow-x: auto;
white-space: nowrap;
display: flex;
justify-content: flex-start;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { display: none; }
scrollbar-width: none;
.item { .item {
flex-shrink: 0; flex-shrink: 0;
@@ -613,7 +645,11 @@
} }
.issue-data { .issue-data {
padding: 0 20px 15px; padding: 0 20px;
}
.list-load-box {
margin: 0 20px;
} }
.list-box { .list-box {
@@ -642,17 +678,80 @@
} }
} }
@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) { @media screen and (max-width: 480px) {
#homepage-me .matter { #homepage-me .matter {
.card-user { .card-user {
.bi-box { .bi-box {
width: 100%; width: 100%;
max-width: 320px; max-width: 320px;
.bi-masking { width: 100%; background-size: 100% 100%; } .bi-masking {
width: 100%;
background-size: 100% 100%;
}
} }
} }
.matter-content { .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 { .message-box {
.info-list { .info-list {
.item { .item {
@@ -660,10 +759,34 @@
margin-bottom: 12px; margin-bottom: 12px;
justify-content: space-between; 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;
}
} }

4
css/homepage-other.css
View File

@@ -107,6 +107,9 @@
border: 1px solid #50e3c2; border: 1px solid #50e3c2;
color: #000000; color: #000000;
} }
#homepage-other .matter .matter-content {
min-width: 0;
}
#homepage-other .matter .matter-content .message-box { #homepage-other .matter .matter-content .message-box {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #e9eef2; border: 1px solid #e9eef2;
@@ -255,7 +258,6 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
#homepage-other .matter .matter-content .list-area .empty { #homepage-other .matter .matter-content .list-area .empty {
width: 725px;
height: 360px; height: 360px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #e9eef2; border: 1px solid #e9eef2;

4
css/homepage-other.less
View File

@@ -124,6 +124,8 @@
} }
.matter-content { .matter-content {
min-width: 0;
.message-box { .message-box {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 1); border: 1px solid rgba(233, 238, 242, 1);
@@ -297,7 +299,7 @@
} }
.empty { .empty {
width: 725px; // width: 725px;
height: 360px; height: 360px;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 1); border: 1px solid rgba(233, 238, 242, 1);

13
css/public.less
View File

@@ -3208,19 +3208,6 @@ td {
font-size: calc(16 / 600 * 100vw); font-size: calc(16 / 600 * 100vw);
line-height: calc(28 / 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);
// }
} }
} }
} }

1
css/search-tag.css
View File

@@ -65,7 +65,6 @@
margin: 0 10px; margin: 0 10px;
} }
#search-tag .quantity .sort-area { #search-tag .quantity .sort-area {
margin-left: auto;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }

1
css/search-tag.less
View File

@@ -75,7 +75,6 @@
} }
.sort-area { .sort-area {
margin-left: auto;
position: relative; position: relative;
z-index: 1; z-index: 1;

56
css/search.css
View File

@@ -64,6 +64,62 @@
color: #000000; color: #000000;
margin: 0 10px; 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 { #search .matter {
align-items: flex-start; align-items: flex-start;
} }

67
css/search.less
View File

@@ -71,6 +71,73 @@
color: #000000; color: #000000;
margin: 0 10px; 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 { .matter {

193
homepage-me-V2.html
View File

@@ -6,8 +6,8 @@
<meta http-equiv="Content-Type" content="text/html; 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"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title> -- 寄托天下</title> <title> -- 寄托天下</title>
<link rel="stylesheet" href="/css/public.css" /> <link rel="stylesheet" href="/css/public.css?v=8SfiKjW0aGnj" />
<link rel="stylesheet" href="/css/homepage-me.css" /> <link rel="stylesheet" href="/css/homepage-me.css?v=8SfiKjW0aGnj" />
<!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-me.css" /> --> <!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-me.css" /> -->
<meta name="description" content=""> <meta name="description" content="">
@@ -98,12 +98,12 @@
<body> <body>
<script> <script>
window.__ASSET_VERSION__ = 'Z70'; window.__ASSET_VERSION__ = 'Z71';
window.isMobile = window.innerWidth <= 768; window.isMobile = window.innerWidth <= 768;
</script> </script>
<div id="ajaxwaitid"></div> <div id="ajaxwaitid"></div>
<div id="append_parent"></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"> <a href="/" class="flexacenter" target="_blank">
<img class="logo" src="https://oss.gter.net/logo" alt="" /> <img class="logo" src="https://oss.gter.net/logo" alt="" />
</a> </a>
@@ -113,7 +113,7 @@
<div class="placeholder-box" style="transition: transform .3s ease"></div> <div class="placeholder-box" style="transition: transform .3s ease"></div>
</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">
<div class="search-box-history-title">历史搜索</div> <div class="search-box-history-title">历史搜索</div>
<div class="search-box-history-list"></div> <div class="search-box-history-list"></div>
@@ -125,7 +125,7 @@
<div class="sign-in sign-in-no flexacenter"></div> <div class="sign-in sign-in-no flexacenter"></div>
<div class="head-more flexcenter" onclick="openHeadPop()"> <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>
<div class="head-pop" style="display: none;"> <div class="head-pop" style="display: none;">
@@ -143,9 +143,9 @@
<div class="sign-in sign-in-no flexacenter"></div> <div class="sign-in sign-in-no flexacenter"></div>
<a class="head-more-post flexcenter" href="/publish" target="" onclick="skipLoginUrl(event)"> <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> </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> </div>
</div> </div>
@@ -165,9 +165,9 @@
<!-- <head-top></head-top> --> <!-- <head-top></head-top> -->
<div class="head-navigation flexacenter"> <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> <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 class="text">我的主页</div>
</div> </div>
@@ -177,26 +177,26 @@
<div class="avatar-box flexcenter" v-if="info.avatar"> <div class="avatar-box flexcenter" v-if="info.avatar">
<img class="avatar" :src="info.avatar" alt="用户头像" /> <img class="avatar" :src="info.avatar" alt="用户头像" />
<a class="pen-box flexcenter" href="https://bbs.gter.net/account.php?a=avatar" target="_blank"> <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> </a>
</div> </div>
<h3 class="username flexcenter">{{ info.nickname }}</h3> <h3 class="username flexcenter">{{ info.nickname }}</h3>
<p class="uid flexcenter"> <p class="uid flexcenter">
UID: {{ info.uin }} 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> </p>
</div> </div>
<div class="bi-box flexacenter"> <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-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=KHf940mfyKbK" 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-content flex1">
<div class="bi-sum">{{ info.gtercoin }}</div> <div class="bi-sum">{{ info.gtercoin }}</div>
<div class="bi-text">寄托币</div> <div class="bi-text">寄托币</div>
</div> </div>
<a class="bi-btn flexcenter" target="_blank" href="https://bbs.gter.net/account.php?a=credit&op=rule"> <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-pop flexflex">
<div class="bi-coin-title">寄托币有什么用途、如何获取？</div> <div class="bi-coin-title">寄托币有什么用途、如何获取？</div>
@@ -244,13 +244,17 @@
</div> </div>
<div class="item flexacenter"> <div class="item flexacenter">
<span class="label">Email</span> <span class="label">Email</span>
<span class="value">{{ info.email || '暂无' }}</span> <div class="flexacenter">
<span v-if="info.email" class="status blue flexacenter">已认证</span> <span class="value">{{ info.email || '暂无' }}</span>
<span v-if="info.email" class="status blue flexacenter">已认证</span>
</div>
</div> </div>
<div class="item flexacenter"> <div class="item flexacenter">
<span class="label">手机号</span> <span class="label">手机号</span>
<span class="value">{{ info.mobile || '暂无' }}</span> <div class="flexacenter">
<span v-if="info.mobile" class="status blue flexacenter">已认证</span> <span class="value">{{ info.mobile || '暂无' }}</span>
<span v-if="info.mobile" class="status blue flexacenter">已认证</span>
</div>
</div> </div>
<div class="item flexacenter"> <div class="item flexacenter">
<span class="label">累计签到</span> <span class="label">累计签到</span>
@@ -276,8 +280,8 @@
<!-- Offer标签区域 --> <!-- Offer标签区域 -->
<div class="tags flexflex" v-if="schoolTags.length != 0"> <div class="tags flexflex" v-if="schoolTags.length != 0">
<div class="item flexacenter" v-for="item in schoolTags" :key="item"> <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-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=KHf940mfyKbK" 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 }} {{ item.school }}
</div> </div>
</div> </div>
@@ -318,21 +322,122 @@
</div> </div>
<div v-else-if="typeValue == 'footprint'" class="issue-data flexacenter">系统会为你保留最近7天的浏览记录：</div> <div v-else-if="typeValue == 'footprint'" class="issue-data flexacenter">系统会为你保留最近7天的浏览记录：</div>
<div class="list-box" v-if="list.length != 0"> <div class="list-box">
<template v-for="(item,index) in list" :key="item.uniqid"> <div class="item-box item-summary">
<item-offer v-if=" item.type == 'offer'" :itemdata="item" :page="listType"></item-offer> <div>
<item-summary v-else-if="item.type == 'offer_summary'" :itemdata="item" :page="listType"></item-summary> <div class="item-head flexacenter">
<item-vote v-else-if="item.type == 'vote'" :itemdata="item" :page="listType"></item-vote> <div class="user-box flexacenter">
<item-mj v-else-if="item.type == 'interviewexperience'" :itemdata="item" :page="listType"></item-mj> <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WVxbE6yOikN42jDKLNjtax7HItVhfceNSdU9oWFhY2E~/small">
<item-tenement v-else-if="item.type == 'tenement'" :itemdata="item" :page="listType"></item-tenement> <div class="name">一万杯美式定律</div>
<item-forum v-else :itemdata="item" :page="listType"></item-forum> </div>
</template> <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> </div>
<load-box :loading="loading" style="margin-left: 95px;margin-right: 40px;width: calc(100% - 135px);"></load-box> <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"> <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 class="empty-text">- 暂无内容 -</div>
</div> </div>
@@ -344,14 +449,14 @@
</div> </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/vue.global.js?v=8SfiKjW0aGnj"></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/axios.min.js?v=8SfiKjW0aGnj"></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/public.js?v=8SfiKjW0aGnj"></script>
<!-- <script src="https://f.gter.net/js/public.js"></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://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> <script src="https://app.gter.net/bottom?tpl=footer,popupnotification"></script>
@@ -359,7 +464,7 @@
<script> <script>
if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) { if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) {
const postList = document.querySelector('.head-top .post-list') 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' postList.style.display = 'flex'
} else if (location.href.indexOf('search') != -1) { } else if (location.href.indexOf('search') != -1) {
const box = document.querySelector(".head-top") const box = document.querySelector(".head-top")
@@ -372,17 +477,17 @@
const signInList = document.querySelectorAll('.head-top .sign-in') const signInList = document.querySelectorAll('.head-top .sign-in')
signInList.forEach(element => { signInList.forEach(element => {
element.innerHTML = `<div class="sign-in-no-box" onclick="headSignIn()"> 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="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=KHf940mfyKbK" /><span class="text flex1">签到领寄托币</span> <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"> <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> </div>
<img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.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=KHf940mfyKbK" /> <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=KHf940mfyKbK" /> <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=8SfiKjW0aGnj" />
</div> </div>
<div class="sign-in-already-box"> <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> <span>已签到，明天再来</span>
</div>` </div>`

169
homepage-other-V2.html
View File

@@ -5,22 +5,23 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; 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"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>so猫的个人主页 -- 寄托天下</title> <title>Gter4234578的个人主页 -- 寄托天下</title>
<link rel="stylesheet" href="/css/public.css" /> <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="/css/homepage-other.css" />
<!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-other.css" /> -->
<meta name="description" content="寄托天下留学论坛上查看so猫的个人主页"> <meta name="description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
<meta name="keywords" content="so猫, 寄托天下, 留学论坛"> <meta name="keywords" content="Gter4234578, 寄托天下, 留学论坛">
<meta name="author" content=""> <meta name="author" content="">
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="so猫的个人主页"> <meta property="og:title" content="Gter4234578的个人主页">
<meta property="og:description" content="寄托天下留学论坛上查看so猫的个人主页"> <meta property="og:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
<meta property="og:image" content=""> <meta property="og:image" content="">
<!-- Twitter --> <!-- Twitter -->
<meta property="twitter:card" content="summary_large_image"> <meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="so猫的个人主页"> <meta property="twitter:title" content="Gter4234578的个人主页">
<meta property="twitter:description" content="寄托天下留学论坛上查看so猫的个人主页"> <meta property="twitter:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
<meta property="twitter:image" content=""> <meta property="twitter:image" content="">
<!-- 网站图标 --> <!-- 网站图标 -->
<link rel="icon" href="https://www.gter.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://www.gter.net/favicon.ico" type="image/x-icon">
@@ -102,7 +103,7 @@
</script> </script>
<div id="ajaxwaitid"></div> <div id="ajaxwaitid"></div>
<div id="append_parent"></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"> <a href="/" class="flexacenter" target="_blank">
<img class="logo" src="https://oss.gter.net/logo" alt="" /> <img class="logo" src="https://oss.gter.net/logo" alt="" />
</a> </a>
@@ -112,7 +113,7 @@
<div class="placeholder-box" style="transition: transform .3s ease"></div> <div class="placeholder-box" style="transition: transform .3s ease"></div>
</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">
<div class="search-box-history-title">历史搜索</div> <div class="search-box-history-title">历史搜索</div>
<div class="search-box-history-list"></div> <div class="search-box-history-list"></div>
@@ -124,7 +125,7 @@
<div class="sign-in sign-in-no flexacenter"></div> <div class="sign-in sign-in-no flexacenter"></div>
<div class="head-more flexcenter" onclick="openHeadPop()"> <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>
<div class="head-pop" style="display: none;"> <div class="head-pop" style="display: none;">
@@ -142,9 +143,9 @@
<div class="sign-in sign-in-no flexacenter"></div> <div class="sign-in sign-in-no flexacenter"></div>
<a class="head-more-post flexcenter" href="/publish" target="" onclick="skipLoginUrl(event)"> <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> </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> </div>
</div> </div>
@@ -160,14 +161,14 @@
</div> </div>
</div> </div>
<div class="container" id="homepage-other" v-cloak> <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> --> <!-- <head-top></head-top> -->
<div class="head-navigation flexacenter"> <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> <a class="text" href="/" target="_blank">论坛</a>
<img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=HP1TnTC4iXqb" /> <img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=8SfiKjW0aGnj" />
<div class="text one-line-display">so猫的个人主页</div> <div class="text one-line-display">Gter4234578的个人主页</div>
</div> </div>
<div class="matter flexflex"> <div class="matter flexflex">
@@ -178,7 +179,7 @@
<h3 class="username flexcenter">{{ info.nickname }}</h3> <h3 class="username flexcenter">{{ info.nickname }}</h3>
<p class="uid flexcenter"> <p class="uid flexcenter">
UID: {{ info.uin }} 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> </p>
</div> </div>
@@ -273,11 +274,11 @@
<div class="tags flexflex" v-if="schoolTags.length != 0"> <div class="tags flexflex" v-if="schoolTags.length != 0">
<template v-for="(item, index) in schoolTags" :key="index"> <template v-for="(item, index) in schoolTags" :key="index">
<a v-if="item.type == 'offer'" class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid"> <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 }} {{ item.school }}
</a> </a>
<a v-else class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid"> <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 }} {{ item.school }}
</a> </a>
</template> </template>
@@ -297,7 +298,103 @@
个赞 个赞
</div> </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"> <template v-for="(item,index) in list" :key="index">
<item-offer v-if=" item.type == 'offer'" :itemdata="item"></item-offer> <item-offer v-if=" item.type == 'offer'" :itemdata="item"></item-offer>
<item-summary v-else-if="item.type == 'offer_summary'" :itemdata="item"></item-summary> <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-tenement v-else-if="item.type == 'tenement'" :itemdata="item"></item-tenement>
<item-forum v-else :itemdata="item"></item-forum> <item-forum v-else :itemdata="item"></item-forum>
</template> </template>
</div> </div> -->
<load-box :loading="loading"></load-box> <load-box :loading="loading"></load-box>
<div v-if="list.length == 0 && page == 0" class="empty flexcenter"> <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 class="empty-text">- 暂无内容 -</div>
</div> </div>
@@ -321,14 +418,14 @@
</div> </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/vue.global.js?v=8SfiKjW0aGnj"></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/axios.min.js?v=8SfiKjW0aGnj"></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/public.js?v=8SfiKjW0aGnj"></script>
<!-- <script src="https://f.gter.net/js/public.js"></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://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> <script src="https://app.gter.net/bottom?tpl=footer,popupnotification"></script>
@@ -336,7 +433,7 @@
<script> <script>
if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) { if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) {
const postList = document.querySelector('.head-top .post-list') 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' postList.style.display = 'flex'
} else if (location.href.indexOf('search') != -1) { } else if (location.href.indexOf('search') != -1) {
const box = document.querySelector(".head-top") const box = document.querySelector(".head-top")
@@ -349,17 +446,17 @@
const signInList = document.querySelectorAll('.head-top .sign-in') const signInList = document.querySelectorAll('.head-top .sign-in')
signInList.forEach(element => { signInList.forEach(element => {
element.innerHTML = `<div class="sign-in-no-box" onclick="headSignIn()"> 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="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=HP1TnTC4iXqb" /><span class="text flex1">签到领寄托币</span> <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"> <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> </div>
<img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.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=HP1TnTC4iXqb" /> <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=HP1TnTC4iXqb" /> <img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=8SfiKjW0aGnj" />
</div> </div>
<div class="sign-in-already-box"> <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> <span>已签到，明天再来</span>
</div>` </div>`

578
js/homepage-me.js
View File

@@ -1,307 +1,371 @@
const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch, provide } = Vue; const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch, provide } = Vue;
import { itemForum } from "../component/item-forum/item-forum.js"; (async function () {
import { itemOffer } from "../component/item-offer/item-offer.js"; const { itemForum } = await import(withVer("../component/item-forum/item-forum.js"));
import { itemSummary } from "../component/item-summary/item-summary.js"; const { itemOffer } = await import(withVer("../component/item-offer/item-offer.js"));
import { itemVote } from "../component/item-vote/item-vote.js"; const { itemSummary } = await import(withVer("../component/item-summary/item-summary.js"));
import { itemMj } from "../component/item-mj/item-mj.js"; const { itemVote } = await import(withVer("../component/item-vote/item-vote.js"));
import { itemTenement } from "../component/item-tenement/item-tenement.js"; const { itemMj } = await import(withVer("../component/item-mj/item-mj.js"));
import { headTop } from "../component/head-top/head-top.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({ const appSectionIndex = createApp({
setup() { setup() {
onMounted(() => { const tokenRef = ref(null);
getUserInfoWin();
init(); onMounted(() => {
getUserInfoWin();
// init();
window.addEventListener("scroll", handleScroll);
window.addEventListener("scroll", handleScroll); const params = getUrlParams();
});
const handleScroll = () => { if (params.classify) {
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; classify.value = params.classify;
}
if (params.type) typeValue.value = params.type;
const scrollHeight = document.documentElement.scrollHeight; const preLoader = document.getElementById("pre-loader");
const clientHeight = document.documentElement.clientHeight; if (preLoader) preLoader.style.display = "none";
});
// 列表下 滑动到底部 获取新数据 const handleScroll = () => {
if (scrollTop + clientHeight >= scrollHeight - 40) getList(); const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
};
let isLogin = ref(true); const scrollHeight = document.documentElement.scrollHeight;
let realname = ref(1); // 是否已经实名 const clientHeight = window.innerHeight;
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,
});
let permissions = ref([]); // 列表下 滑动到底部 获取新数据
if (scrollTop + clientHeight >= scrollHeight - 200) getList();
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 || [];
}; };
document.addEventListener("getUser", checkUser);
};
const openAttest = () => { let uid = ref(0);
const handleAttestClose = () => { let uin = ref(0);
document.removeEventListener("closeAttest", handleAttestClose); let isLogin = ref(false);
realname.value = window.userInfoWin?.realname || 0; 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 openAttest = () => {
const goLogin = () => { const handleAttestClose = () => {
if (typeof window === "undefined") return; document.removeEventListener("closeAttest", handleAttestClose);
if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) { realname.value = window.userInfoWin?.realname || 0;
if (window["userInfoWin"]["uid"]) isLogin.value = true; };
else ajax_login(); // 启动认证流程时添加监听
} else ajax_login(); document.addEventListener("closeAttest", handleAttestClose);
}; loadAttest(2);
};
provide("isLogin", isLogin); // 跳转登录
provide("userInfoWin", userInfoWin); const goLogin = () => {
provide("realname", realname); if (typeof window === "undefined") return;
provide("openAttest", openAttest); if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
provide("goLogin", goLogin); if (window["userInfoWin"]["uid"]) isLogin.value = true;
else ajax_login();
} else ajax_login();
};
let schoolTags = ref([]); provide("isLogin", isLogin);
let gtercoin = ref(0); provide("userInfoWin", userInfoWin);
let info = ref({}); provide("realname", realname);
let medallist = ref([]); provide("openAttest", openAttest);
let introduction = ref(""); provide("goLogin", goLogin);
let avatar = ""; const init = () => {
const init = () => { uid.value = 500144
ajax(`/v2/api/forum/postUserDetail`) uin.value = 4238049
.then((res) => { ajaxGet(`/v2/api/forum/getSpaceDetail?uid=${uid.value}&uin=${uin.value}`).then((res) => {
if (res.code == 401) { if (res.code != 200) {
goLogin(); creationAlertBox("error", res.message);
return; return;
} }
let data = res.data;
const data = res.data;
const allValues = Object.values(data.schoolTags || []); const allValues = Object.values(data.schoolTags || []);
const onlyArrays = allValues.filter((item) => Array.isArray(item)); const onlyArrays = allValues.filter((item) => Array.isArray(item));
let schoolTagsData = onlyArrays.flat(); 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 || {}; info.value = data.info || {};
medallist.value = data.medal || []; medallist.value = data.medal || [];
introduction.value = data?.urls?.introduction; schoolTags.value = schoolTagsData;
avatar = data?.info?.avatar || "";
getCount(); calculateCreationType(data.count);
getList();
})
.catch(() => {});
};
let createCount = ref(0); nextTick(() => {
let count = ref(0); getList();
let creation = ref([]); });
let interaction = ref({});
const getCount = () => { const nickname = data.info.nickname || "";
ajax("/v2/api/forum/postUserStatistic").then((res) => { document.title = `${nickname}的个人主页 -- 寄托天下`;
if (res.code != 200) return; });
const data = res.data; // .finally(() => wx.hideLoading());
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: "面经",
}; };
let arr = []; let schoolTags = ref([]);
let accumulation = 0; // 累加 let gtercoin = ref(0);
for (const key in obj) { let info = ref({});
accumulation += value[key] || 0; let medallist = ref([]);
arr.push({ let introduction = ref("");
text: obj[key],
number: value[key] || 0,
});
}
arr.push({ let avatar = "";
text: "其他", // const init = () => {
number: creationCount - accumulation || 0, // 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([ // gtercoin.value = data.gtercoin;
{ // info.value = data.info || {};
text: "收藏", // medallist.value = data.medal || [];
type: "collection", // introduction.value = data?.urls?.introduction;
}, // avatar = data?.info?.avatar || "";
{
text: "发布",
type: "creation",
},
{
text: "评论",
type: "comment",
},
{
text: "点赞",
type: "like",
},
{
text: "足迹",
type: "footprint",
},
]);
let typeValue = ref("collection"); // getCount();
// getList();
// })
// .catch(() => {});
// };
const classifyList = ref([ let createCount = ref(0);
{ let count = ref(0);
text: "全部", let creation = ref([]);
type: "", let interaction = ref({});
},
{
text: "帖子",
type: "thread",
},
{
text: "Offer",
type: "offer",
},
{
text: "总结",
type: "offer_summary",
},
{
text: "面经",
type: "interviewexperience",
},
{
text: "投票",
type: "vote",
},
{
text: "租房",
type: "tenement",
},
]);
let classify = ref(""); const getCount = () => {
ajax("/v2/api/forum/postUserStatistic").then((res) => {
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) => {
if (res.code != 200) return; 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; calculateCreationType(creation.value, createCount.value);
list.value = [...list.value, ...targetList]; });
page.value = list.value.length >= data.count ? 0 : page.value + 1; };
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 || [];
// 取消操作后的删除 let targetList = data.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--;
};
provide("cancelOperate", cancelOperate); targetList.forEach((element) => element.comment_list?.forEach((ele) => (ele["avatar"] = avatar)));
const classifyChange = (type) => { total.value = data.count;
if (classify.value == type) return; list.value = [...list.value, ...targetList];
page.value = 1; page.value = list.value.length >= data.count ? 0 : page.value + 1;
list.value = []; })
total.value = 0; .finally(() => (loading.value = false));
classify.value = type; };
getList();
};
const typeChange = (type) => { // 取消操作后的删除
if (typeValue.value == type) return; const cancelOperate = (type, token) => {
typeValue.value = type; if (typeValue.value != type) return;
page.value = 1; const index = list.value.findIndex((item) => item.token == token);
list.value = []; if (index == -1) return;
total.value = 0; list.value.splice(index, 1);
classify.value = ""; 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); getList();
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.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");
})();

4
js/public.js
View File

@@ -24,7 +24,7 @@ const ajax = (url, data) => {
url = url.indexOf("https://") > -1 ? url : forumBaseURL + url; url = url.indexOf("https://") > -1 ? url : forumBaseURL + url;
if (data) data["v"] = vParam || "v2"; if (data) data["v"] = vParam || "v2";
return new Promise(function (resolve, reject) { 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 axios
.post(url, data, { .post(url, data, {
@@ -89,7 +89,7 @@ const ajaxGet = (url) => {
url = `${url}${paramSymbol}v=${vParam || "v2"}`; url = `${url}${paramSymbol}v=${vParam || "v2"}`;
return new Promise(function (resolve, reject) { 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 axios
.get( .get(

20
js/publish_admin.js
View File

@@ -279,6 +279,26 @@ const editApp = createApp({
language: LANG === "en" ? "en" : "zh_CN", language: LANG === "en" ? "en" : "zh_CN",
language_url: LANG === "en" ? undefined : "/js/tinymce/langs/zh_CN.js", 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", 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", toolbar: "undo redo | blocks | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | removeformat | emoticons | fullscreen",
menubar: false, menubar: false,
fixed_toolbar_container: "#editor-toolbar", fixed_toolbar_container: "#editor-toolbar",

9
publish_admin.html
View File

@@ -10,8 +10,8 @@
<!-- <link href="https://framework.x-php.com/gter/forum/css/editorStyle.css" rel="stylesheet"> --> <!-- <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/vue.global.js"></script>
<script src="https://framework.x-php.com/gter/forum/js/tinymce/tinymce.min.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"> <!-- <link rel="stylesheet" href="katex/css/katex.min.css"> -->
<script src="katex/js/katex.min.js"></script> <!-- <script src="katex/js/katex.min.js"></script> -->
<!-- <link rel="stylesheet" href="/css/textbus.min.css"> --> <!-- <link rel="stylesheet" href="/css/textbus.min.css"> -->
<!-- <script src="/js/textbus.min.js"></script> --> <!-- <script src="/js/textbus.min.js"></script> -->
@@ -248,11 +248,10 @@
</div> </div>
</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="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 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> </body>
</html> </html>