fix(homepage): 修复个人主页样式和功能问题
修复个人主页的响应式布局问题，优化移动端显示效果 调整分类和排序区域的样式，移除不必要的margin-left 更新投票组件的内容显示类名为one-line-display-v2 修复主页加载逻辑，优化数据获取和分页处理 移除未使用的代码和注释，清理CSS样式
This commit is contained in:
DESKTOP-RQ919RC\Pc
@@ -81,5 +81,5 @@ export const itemVote = defineComponent({
|
||||
itemHead,
|
||||
},
|
||||
|
||||
template: `<div class="item-box item-vote"> <item-head :itemdata="item" :page="page"></item-head> <a class="title" :href="item.url" target="_blank">{{ item.title }}</a> <a class="message one-line-display" v-if="item.content">{{ item.content }}</a> <a class="info flexacenter" target="_blank" :href="item.url"> <template v-if="item?.data.status == 1"> <div class="status">进行中</div> <div class="line"></div> <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束 </template> <div v-else class="status end">已结束</div> <div class="line"></div> <div class="num">{{ item?.data?.votes }}</div>人参与 </a> <a class="list" :class="{ 'voted': !item.time || item.isvote }" target="_blank" :href="item.url"> <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index"> <div class="list-top flexacenter"> <img v-if="item.selected" class="list-tick" :src="valueUrl + '/img/vote-tick.svg'"> <div v-else class="list-serial flexcenter">{{ index + 1 }}</div> <div class="list-text one-line-display flex1">{{ item.value }}</div> </div> <div class="list-bottom flexacenter"> <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }} </div> </div> </a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
|
||||
template: `<div class="item-box item-vote"> <item-head :itemdata="item" :page="page"></item-head> <a class="title" :href="item.url" target="_blank">{{ item.title }}</a> <a class="message one-line-display-v2" v-if="item.content">{{ item.content }}</a> <a class="info flexacenter" target="_blank" :href="item.url"> <template v-if="item?.data.status == 1"> <div class="status">进行中</div> <div class="line"></div> <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束 </template> <div v-else class="status end">已结束</div> <div class="line"></div> <div class="num">{{ item?.data?.votes }}</div>人参与 </a> <a class="list" :class="{ 'voted': !item.time || item.isvote }" target="_blank" :href="item.url"> <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index"> <div class="list-top flexacenter"> <img v-if="item.selected" class="list-tick" :src="valueUrl + '/img/vote-tick.svg'"> <div v-else class="list-serial flexcenter">{{ index + 1 }}</div> <div class="list-text one-line-display flex1">{{ item.value }}</div> </div> <div class="list-bottom flexacenter"> <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }} </div> </div> </a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
|
||||
});
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="item-box item-vote">
|
||||
<item-head :itemdata="item" :page="page"></item-head>
|
||||
<a class="title" :href="item.url" target="_blank">{{ item.title }}</a>
|
||||
<a class="message one-line-display" v-if="item.content">{{ item.content }}</a>
|
||||
<a class="message one-line-display-v2" v-if="item.content">{{ item.content }}</a>
|
||||
<a class="info flexacenter" target="_blank" :href="item.url">
|
||||
<template v-if="item?.data.status == 1">
|
||||
<div class="status">进行中</div>
|
||||
|
||||
@@ -201,6 +201,9 @@
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#homepage-me .matter .matter-content {
|
||||
min-width: 0;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9eef2;
|
||||
@@ -327,7 +330,6 @@
|
||||
font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
|
||||
@@ -345,13 +347,6 @@
|
||||
padding-bottom: 23px;
|
||||
padding-left: 95px;
|
||||
padding-right: 40px;
|
||||
overflow-x: auto;
|
||||
justify-content: flex-start;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
width: 50px;
|
||||
@@ -393,7 +388,6 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .empty {
|
||||
width: 725px;
|
||||
height: 360px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9eef2;
|
||||
@@ -412,11 +406,41 @@
|
||||
color: #7f7f7f;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-load-box {
|
||||
margin-left: 95px;
|
||||
margin-right: 40px;
|
||||
width: auto;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .load-more {
|
||||
padding: 20px 0 40px;
|
||||
color: #7f7f7f;
|
||||
font-size: 14px;
|
||||
}
|
||||
@media screen and (max-width: 1050px) {
|
||||
#homepage-me .matter .matter-content .list-area .operation-box {
|
||||
padding-left: 40px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify {
|
||||
padding-left: 40px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .issue-data {
|
||||
padding-left: 40px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-load-box {
|
||||
margin-left: 40px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-box {
|
||||
padding-left: 40px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .empty {
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 950px) {
|
||||
.item-box .bottom .bottom-item:not(:last-child) {
|
||||
margin-right: 45px;
|
||||
}
|
||||
}
|
||||
/* 响应式布局优化 */
|
||||
@media screen and (max-width: 880px) {
|
||||
.head-top {
|
||||
@@ -427,7 +451,6 @@
|
||||
}
|
||||
#homepage-me {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
#homepage-me .matter {
|
||||
flex-direction: column;
|
||||
@@ -439,7 +462,6 @@
|
||||
padding: 30px 20px;
|
||||
position: static;
|
||||
align-items: center;
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
@@ -471,23 +493,17 @@
|
||||
width: auto;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 20px;
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .header {
|
||||
padding-top: 0;
|
||||
text-align: center;
|
||||
#homepage-me .matter .matter-content .message-box .stats {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .header .avatar {
|
||||
#homepage-me .matter .matter-content .message-box .header {
|
||||
display: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .header .username {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .info-list {
|
||||
padding-top: 15px;
|
||||
padding-top: 0;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .info-list .item {
|
||||
width: 50%;
|
||||
@@ -498,38 +514,21 @@
|
||||
justify-content: center;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area {
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box {
|
||||
padding: 15px 20px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box .operation-item {
|
||||
flex-shrink: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box .operation-item:not(:last-child) {
|
||||
margin-right: 30px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify {
|
||||
padding: 10px 20px 20px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
#homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
|
||||
bottom: -18px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify::-webkit-scrollbar {
|
||||
display: none;
|
||||
#homepage-me .matter .matter-content .list-area .classify {
|
||||
padding: 20px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
flex-shrink: 0;
|
||||
@@ -537,7 +536,10 @@
|
||||
padding: 0 15px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .issue-data {
|
||||
padding: 0 20px 15px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-load-box {
|
||||
margin: 0 20px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-box {
|
||||
padding: 0 20px;
|
||||
@@ -557,6 +559,30 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.head-top .sign-in {
|
||||
display: none !important;
|
||||
}
|
||||
.head-top .input-box {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 5px;
|
||||
}
|
||||
.head-top .input-box .placeholder {
|
||||
display: none;
|
||||
}
|
||||
.head-top .input-box .input {
|
||||
display: none;
|
||||
}
|
||||
.head-top .input-box .icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
padding: 0 9px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
#homepage-me .matter .card-user .bi-box {
|
||||
width: 100%;
|
||||
@@ -566,6 +592,27 @@
|
||||
width: 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .operation-box {
|
||||
padding: 15px 8px;
|
||||
font-size: 15px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify {
|
||||
padding: 20px 8px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
padding: 0 7px;
|
||||
font-size: 13px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-box {
|
||||
padding: 0 8px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .list-load-box {
|
||||
margin: 0 8px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .list-area .empty {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
#homepage-me .matter .matter-content .message-box .info-list .item {
|
||||
width: 100%;
|
||||
margin-bottom: 12px;
|
||||
@@ -574,4 +621,17 @@
|
||||
#homepage-me .matter .matter-content .message-box .info-list .item .label {
|
||||
width: auto;
|
||||
}
|
||||
.item-box .bottom .bottom-item:not(:last-child) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 430px) {
|
||||
#homepage-me .matter .matter-content .list-area .classify .item:not(:last-child) {
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 410px) {
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,8 +32,6 @@
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pen-box {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
@@ -235,6 +233,7 @@
|
||||
}
|
||||
|
||||
.matter-content {
|
||||
min-width: 0;
|
||||
.message-box {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(233, 238, 242, 1);
|
||||
@@ -370,6 +369,7 @@
|
||||
.operation-item {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: 40px;
|
||||
}
|
||||
@@ -378,7 +378,6 @@
|
||||
font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
|
||||
&::after {
|
||||
@@ -401,14 +400,14 @@
|
||||
padding-left: 95px;
|
||||
padding-right: 40px;
|
||||
|
||||
overflow-x: auto;
|
||||
justify-content: flex-start;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
// overflow-x: auto;
|
||||
// justify-content: flex-start;
|
||||
// -webkit-overflow-scrolling: touch;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
scrollbar-width: none;
|
||||
// &::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
// scrollbar-width: none;
|
||||
|
||||
.item {
|
||||
width: 50px;
|
||||
@@ -457,7 +456,7 @@
|
||||
}
|
||||
|
||||
.empty {
|
||||
width: 725px;
|
||||
// width: 725px;
|
||||
height: 360px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(233, 238, 242, 1);
|
||||
@@ -479,6 +478,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.list-load-box {
|
||||
margin-left: 95px;
|
||||
margin-right: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.load-more {
|
||||
padding: 20px 0 40px;
|
||||
color: #7f7f7f;
|
||||
@@ -489,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) {
|
||||
.head-top {
|
||||
@@ -501,7 +540,7 @@
|
||||
|
||||
#homepage-me {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
// padding: 0;
|
||||
|
||||
.matter {
|
||||
flex-direction: column;
|
||||
@@ -513,7 +552,7 @@
|
||||
padding: 30px 20px;
|
||||
position: static;
|
||||
align-items: center;
|
||||
border-radius: 0;
|
||||
// border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
||||
@@ -550,19 +589,20 @@
|
||||
width: auto;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 20px;
|
||||
border-radius: 0;
|
||||
// border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
||||
.stats {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding-top: 0;
|
||||
text-align: center;
|
||||
.avatar { display: none; }
|
||||
.username { font-size: 16px; font-weight: 600; }
|
||||
display: none;
|
||||
}
|
||||
|
||||
.info-list {
|
||||
padding-top: 15px;
|
||||
padding-top: 0;
|
||||
.item {
|
||||
width: 50%;
|
||||
padding-right: 10px;
|
||||
@@ -576,34 +616,26 @@
|
||||
}
|
||||
|
||||
.list-area {
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
||||
.operation-box {
|
||||
padding: 15px 20px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
&::-webkit-scrollbar { display: none; }
|
||||
scrollbar-width: none;
|
||||
font-size: 16px;
|
||||
|
||||
.operation-item {
|
||||
flex-shrink: 0;
|
||||
&:not(:last-child) { margin-right: 30px; }
|
||||
&:not(:last-child) {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
&.pitch::after {
|
||||
bottom: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.classify {
|
||||
padding: 10px 20px 20px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
&::-webkit-scrollbar { display: none; }
|
||||
scrollbar-width: none;
|
||||
padding: 20px;
|
||||
|
||||
.item {
|
||||
flex-shrink: 0;
|
||||
@@ -613,7 +645,11 @@
|
||||
}
|
||||
|
||||
.issue-data {
|
||||
padding: 0 20px 15px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.list-load-box {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.list-box {
|
||||
@@ -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) {
|
||||
#homepage-me .matter {
|
||||
.card-user {
|
||||
.bi-box {
|
||||
width: 100%;
|
||||
max-width: 320px;
|
||||
.bi-masking { width: 100%; background-size: 100% 100%; }
|
||||
.bi-masking {
|
||||
width: 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.matter-content {
|
||||
.list-area {
|
||||
.operation-box {
|
||||
padding: 15px 8px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.classify {
|
||||
padding: 20px 8px;
|
||||
.item {
|
||||
padding: 0 7px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-box {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.list-load-box {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.empty {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.message-box {
|
||||
.info-list {
|
||||
.item {
|
||||
@@ -660,10 +759,34 @@
|
||||
margin-bottom: 12px;
|
||||
justify-content: space-between;
|
||||
|
||||
.label { width: auto; }
|
||||
.label {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-box .bottom .bottom-item:not(:last-child) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 430px) {
|
||||
#homepage-me .matter {
|
||||
.matter-content {
|
||||
.list-area .classify {
|
||||
.item:not(:last-child) {
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 410px) {
|
||||
#homepage-me .matter .matter-content .list-area .classify .item {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -107,6 +107,9 @@
|
||||
border: 1px solid #50e3c2;
|
||||
color: #000000;
|
||||
}
|
||||
#homepage-other .matter .matter-content {
|
||||
min-width: 0;
|
||||
}
|
||||
#homepage-other .matter .matter-content .message-box {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9eef2;
|
||||
@@ -255,7 +258,6 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#homepage-other .matter .matter-content .list-area .empty {
|
||||
width: 725px;
|
||||
height: 360px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9eef2;
|
||||
|
||||
@@ -124,6 +124,8 @@
|
||||
}
|
||||
|
||||
.matter-content {
|
||||
min-width: 0;
|
||||
|
||||
.message-box {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(233, 238, 242, 1);
|
||||
@@ -297,7 +299,7 @@
|
||||
}
|
||||
|
||||
.empty {
|
||||
width: 725px;
|
||||
// width: 725px;
|
||||
height: 360px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid rgba(233, 238, 242, 1);
|
||||
|
||||
@@ -3208,19 +3208,6 @@ td {
|
||||
font-size: calc(16 / 600 * 100vw);
|
||||
line-height: calc(28 / 600 * 100vw);
|
||||
}
|
||||
|
||||
// .pop-bottom1,
|
||||
// .pop-bottom2 {
|
||||
// width: calc(500 / 600 * 100vw);
|
||||
// }
|
||||
|
||||
// .pop-bottom1 {
|
||||
// height: calc(155 / 600 * 100vw);
|
||||
// }
|
||||
|
||||
// .pop-bottom2 {
|
||||
// height: calc(151 / 600 * 100vw);
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -65,7 +65,6 @@
|
||||
margin: 0 10px;
|
||||
}
|
||||
#search-tag .quantity .sort-area {
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@@ -75,7 +75,6 @@
|
||||
}
|
||||
|
||||
.sort-area {
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
|
||||
@@ -64,6 +64,62 @@
|
||||
color: #000000;
|
||||
margin: 0 10px;
|
||||
}
|
||||
#search .quantity .sort-area {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
#search .quantity .sort-area .sort-head {
|
||||
cursor: pointer;
|
||||
}
|
||||
#search .quantity .sort-area .sort-head .text {
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
line-height: 26px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#search .quantity .sort-area .sort-head .icon {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
#search .quantity .sort-area .sort-head .icon.rotate {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
#search .quantity .sort-area .sort-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
#search .quantity .sort-area .sort-box {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
right: 0;
|
||||
width: 140px;
|
||||
padding: 0 10px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.16862745);
|
||||
}
|
||||
#search .quantity .sort-area .sort-box .item {
|
||||
font-size: 16px;
|
||||
color: #555555;
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#search .quantity .sort-area .sort-box .item.pitch {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
color: #d35110;
|
||||
}
|
||||
#search .quantity .sort-area .sort-box .item:not(:last-child) {
|
||||
border-bottom: 1px dotted #d7d7d7;
|
||||
}
|
||||
#search .matter {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
@@ -71,6 +71,73 @@
|
||||
color: #000000;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.sort-area {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
.sort-head {
|
||||
cursor: pointer;
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
line-height: 26px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.3s ease-in-out;
|
||||
|
||||
&.rotate {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sort-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.sort-box {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
right: 0;
|
||||
width: 140px;
|
||||
padding: 0 10px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.168627450980392);
|
||||
|
||||
.item {
|
||||
font-size: 16px;
|
||||
color: #555555;
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
cursor: pointer;
|
||||
|
||||
&.pitch {
|
||||
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
|
||||
font-weight: 650;
|
||||
font-style: normal;
|
||||
color: #d35110;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px dotted #d7d7d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.matter {
|
||||
|
||||
@@ -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,14 +244,18 @@
|
||||
</div>
|
||||
<div class="item flexacenter">
|
||||
<span class="label">Email</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>
|
||||
<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>
|
||||
<span class="value">{{ info.sign_count || 0 }} 天</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>`
|
||||
|
||||
|
||||
@@ -5,22 +5,23 @@
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>so猫的个人主页 -- 寄托天下</title>
|
||||
<link rel="stylesheet" href="/css/public.css" />
|
||||
<title>Gter4234578的个人主页 -- 寄托天下</title>
|
||||
<link rel="stylesheet" href="https://framework.x-php.com/gter/forum/css/public.css?v=8SfiKjW0aGnj" />
|
||||
<link rel="stylesheet" href="/css/homepage-other.css" />
|
||||
<!-- <link rel="stylesheet" href="https://f.gter.net/css/homepage-other.css" /> -->
|
||||
|
||||
<meta name="description" content="寄托天下留学论坛上查看so猫的个人主页">
|
||||
<meta name="keywords" content="so猫, 寄托天下, 留学论坛">
|
||||
<meta name="description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
|
||||
<meta name="keywords" content="Gter4234578, 寄托天下, 留学论坛">
|
||||
<meta name="author" content="">
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="so猫的个人主页">
|
||||
<meta property="og:description" content="寄托天下留学论坛上查看so猫的个人主页">
|
||||
<meta property="og:title" content="Gter4234578的个人主页">
|
||||
<meta property="og:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
|
||||
<meta property="og:image" content="">
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:title" content="so猫的个人主页">
|
||||
<meta property="twitter:description" content="寄托天下留学论坛上查看so猫的个人主页">
|
||||
<meta property="twitter:title" content="Gter4234578的个人主页">
|
||||
<meta property="twitter:description" content="寄托天下留学论坛上查看Gter4234578的个人主页">
|
||||
<meta property="twitter:image" content="">
|
||||
<!-- 网站图标 -->
|
||||
<link rel="icon" href="https://www.gter.net/favicon.ico" type="image/x-icon">
|
||||
@@ -102,7 +103,7 @@
|
||||
</script>
|
||||
<div id="ajaxwaitid"></div>
|
||||
<div id="append_parent"></div>
|
||||
<div class="head-top flexacenter" style="width: 100%; max-width: 1200px; margin: 20px auto 30px; z-index: 8; padding: 0 10px; box-sizing: border-box;">
|
||||
<div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;z-index: 8;">
|
||||
<a href="/" class="flexacenter" target="_blank">
|
||||
<img class="logo" src="https://oss.gter.net/logo" alt="" />
|
||||
</a>
|
||||
@@ -112,7 +113,7 @@
|
||||
<div class="placeholder-box" style="transition: transform .3s ease"></div>
|
||||
</div>
|
||||
|
||||
<input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=HP1TnTC4iXqb" />
|
||||
<input class="input flex1" type="text" maxlength="140" /> <img class="icon" onclick="searchEvent()" src="https://framework.x-php.com/gter/forum/img/search-icon.svg?v=8SfiKjW0aGnj" />
|
||||
<div class="search-box-history">
|
||||
<div class="search-box-history-title">历史搜索</div>
|
||||
<div class="search-box-history-list"></div>
|
||||
@@ -124,7 +125,7 @@
|
||||
<div class="sign-in sign-in-no flexacenter"></div>
|
||||
|
||||
<div class="head-more flexcenter" onclick="openHeadPop()">
|
||||
<img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=HP1TnTC4iXqb" />
|
||||
<img class="more-icon" style="width: 18px;height: 15px;" src="https://framework.x-php.com/gter/forum/img/threeAcross.svg?v=8SfiKjW0aGnj" />
|
||||
</div>
|
||||
|
||||
<div class="head-pop" style="display: none;">
|
||||
@@ -142,9 +143,9 @@
|
||||
<div class="sign-in sign-in-no flexacenter"></div>
|
||||
|
||||
<a class="head-more-post flexcenter" href="/publish" target="" onclick="skipLoginUrl(event)">
|
||||
<div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=HP1TnTC4iXqb" /></div>发布帖子
|
||||
<div class="head-more-post-icon flexcenter"><img class="head-more-post-img" src="https://framework.x-php.com/gter/forum/img/addyellow.svg?v=8SfiKjW0aGnj" /></div>发布帖子
|
||||
</a>
|
||||
<img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=HP1TnTC4iXqb">
|
||||
<img class="cross-icon" onclick="crossHeadPop()" src="https://framework.x-php.com/gter/forum/img/cross.svg?v=8SfiKjW0aGnj">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -160,14 +161,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="container" id="homepage-other" v-cloak>
|
||||
<div class="templateValue" ref="tokenRef">IK8gQW_rhIzjn5y_27ky2ZvwRQxRrg7wAsfg1NYIwUkqAJdjHi9EmGZmMjM~</div>
|
||||
<div class="templateValue" ref="tokenRef">IK8gQW_rhIzjn5yY2uQ_0JiqTgYMrAn4WMapxMkekkt0CowlECFNoC_BNzDAbAfRZmYyMw~~</div>
|
||||
<!-- <head-top></head-top> -->
|
||||
|
||||
<div class="head-navigation flexacenter">
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=HP1TnTC4iXqb" />
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/index-icon.png?v=8SfiKjW0aGnj" />
|
||||
<a class="text" href="/" target="_blank">论坛</a>
|
||||
<img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=HP1TnTC4iXqb" />
|
||||
<div class="text one-line-display">so猫的个人主页</div>
|
||||
<img class="arrows" src="https://framework.x-php.com/gter/forum/img/arrows-gray.svg?v=8SfiKjW0aGnj" />
|
||||
<div class="text one-line-display">Gter4234578的个人主页</div>
|
||||
</div>
|
||||
|
||||
<div class="matter flexflex">
|
||||
@@ -178,7 +179,7 @@
|
||||
<h3 class="username flexcenter">{{ info.nickname }}</h3>
|
||||
<p class="uid flexcenter">
|
||||
UID: {{ info.uin }}
|
||||
<img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=HP1TnTC4iXqb" />
|
||||
<img class="icon" @click="copy(info.uin)" src="https://framework.x-php.com/gter/forum/img/copy-icon.png?v=8SfiKjW0aGnj" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -273,11 +274,11 @@
|
||||
<div class="tags flexflex" v-if="schoolTags.length != 0">
|
||||
<template v-for="(item, index) in schoolTags" :key="index">
|
||||
<a v-if="item.type == 'offer'" class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid">
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=HP1TnTC4iXqb" mode="heightFix" />
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/offer-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
|
||||
{{ item.school }}
|
||||
</a>
|
||||
<a v-else class="item flexacenter" target="_blank" :href="'/details/' + item.uniqid">
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=HP1TnTC4iXqb" mode="heightFix" />
|
||||
<img class="icon" src="https://framework.x-php.com/gter/forum/img/mj-icon.png?v=8SfiKjW0aGnj" mode="heightFix" />
|
||||
{{ item.school }}
|
||||
</a>
|
||||
</template>
|
||||
@@ -297,7 +298,103 @@
|
||||
个赞
|
||||
</div>
|
||||
|
||||
<div class="list-box" v-if="list.length != 0">
|
||||
<div class="list-box">
|
||||
<div class="item-box item-vote">
|
||||
<div>
|
||||
<div class="item-head flexacenter">
|
||||
<div class="user-box flexacenter"><img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFlXE6SOikN42jDKLNjtax7HI9owL5XdSdU9oWFhY2E~/small">
|
||||
<div class="name">Gter4234578</div>
|
||||
</div>
|
||||
<div class="time">05月09日 19:11</div>
|
||||
<div class="flex1"></div>
|
||||
<div class="flexacenter" style="position: relative;"></div>
|
||||
<div class="view flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/eye-icon.svg">
|
||||
<div class="text">1416</div>
|
||||
</div>
|
||||
<div class="btn flexcenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/dot-dot-dot-gray.png"></div> <!--v-if-->
|
||||
</div>
|
||||
<div class="label flexflex">
|
||||
<a class="item blue" href="/section/pLmN4HjKd8S" target="_blank">建筑</a>
|
||||
<a class="item" href="/tag/问题求助" target="_blank">问题求助</a>
|
||||
<a class="item" href="/tag/本科" target="_blank">本科</a>
|
||||
<a class="item" href="/tag/跨专业" target="_blank">跨专业</a>
|
||||
<a class="item" href="/tag/建筑学类" target="_blank">建筑学类</a>
|
||||
<a class="item" href="/tag/985/211" target="_blank">985/211</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="title" href="/details/aeaea08qXP9y" target="_blank">建筑转行选offer</a>
|
||||
<a class="message one-line-display">建筑转行求助🥹。背景是985本。目前一些在大厂人建议我去供应链发展，选华威。但有些人说应该优先学校层次，专业不重要。</a>
|
||||
<a class="info flexacenter" target="_blank" href="/details/aeaea08qXP9y">
|
||||
<div class="status end">已结束</div>
|
||||
<div class="line"></div>
|
||||
<div class="num">12</div>人参与
|
||||
</a>
|
||||
<a class="list voted" target="_blank" href="/details/aeaea08qXP9y">
|
||||
<div class="list-item flexcenter">
|
||||
<div class="list-top flexacenter">
|
||||
<div class="list-serial flexcenter">1</div>
|
||||
<div class="list-text one-line-display flex1">华威 供应链</div>
|
||||
</div>
|
||||
<div class="list-bottom flexacenter">
|
||||
<div class="list-length" style="width: 58%;"></div>7
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-item flexcenter">
|
||||
<div class="list-top flexacenter">
|
||||
<div class="list-serial flexcenter">2</div>
|
||||
<div class="list-text one-line-display flex1">ucl 智慧能源与建筑环境</div>
|
||||
</div>
|
||||
<div class="list-bottom flexacenter">
|
||||
<div class="list-length" style="width: 17%;"></div>2
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-item flexcenter">
|
||||
<div class="list-top flexacenter">
|
||||
<div class="list-serial flexcenter">3</div>
|
||||
<div class="list-text one-line-display flex1">不懂，围观学习</div>
|
||||
</div>
|
||||
<div class="list-bottom flexacenter">
|
||||
<div class="list-length" style="width: 25%;"></div>3
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div page="">
|
||||
<a class="comment flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WlRWHK2OikN42jDKLNjtax7HddRsK8HcSdU9oWFhY2E~/small">
|
||||
<div class="text one-line-display">感觉供应链发展广些</div>
|
||||
</a>
|
||||
<div class="bottom flexacenter">
|
||||
<div class="bottom-item like flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/like-icon.png">
|
||||
<div class="text">1</div>
|
||||
</div>
|
||||
<div class="bottom-item flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/collect-gray.png">
|
||||
<div class="text">收藏</div>
|
||||
</div>
|
||||
<a class="bottom-item flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/discuss-icon.png">
|
||||
<div class="text">1</div>
|
||||
</a>
|
||||
<a class="bottom-item flexacenter" href="/details/aeaea08qXP9y" target="_blank"><img class="icon" src="https://framework.x-php.com/gter/forum//img/bi-copper-icon.png">
|
||||
<div class="text">投币</div>
|
||||
</a><!-- 鼠标移入事件 -->
|
||||
<div class="bottom-item share flexacenter"><img class="icon" src="https://framework.x-php.com/gter/forum//img/share-gray.png" style="width: 19px; height: 19px;">
|
||||
<div class="text">转发</div>
|
||||
<div class="share-box flexcenter">
|
||||
<div class="share-item flexcenter"><img class="share-icon" src="https://framework.x-php.com/gter/forum//img/copy-black-icon.png">
|
||||
<div class="text">复制链接</div>
|
||||
</div><!-- 鼠标移入 加载二维码 -->
|
||||
<div class="share-item wenxin flexcenter"><img class="share-icon" src="https://framework.x-php.com/gter/forum//img/weixin-icon.png">
|
||||
<div class="text">微信转发</div>
|
||||
<div class="QRcode-box flexcenter">
|
||||
<div class="QRcode flexcenter"><img class="load" src="https://framework.x-php.com/gter/forum//img/load-icon.svg"></div>
|
||||
<div class="text">微信扫码</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="list-box" v-if="list.length != 0">
|
||||
<template v-for="(item,index) in list" :key="index">
|
||||
<item-offer v-if=" item.type == 'offer'" :itemdata="item"></item-offer>
|
||||
<item-summary v-else-if="item.type == 'offer_summary'" :itemdata="item"></item-summary>
|
||||
@@ -306,11 +403,11 @@
|
||||
<item-tenement v-else-if="item.type == 'tenement'" :itemdata="item"></item-tenement>
|
||||
<item-forum v-else :itemdata="item"></item-forum>
|
||||
</template>
|
||||
</div>
|
||||
</div> -->
|
||||
<load-box :loading="loading"></load-box>
|
||||
|
||||
<div v-if="list.length == 0 && page == 0" class="empty flexcenter">
|
||||
<img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=HP1TnTC4iXqb" />
|
||||
<img class="empty-icon" src="https://framework.x-php.com/gter/forum/img/empty-icon.png?v=8SfiKjW0aGnj" />
|
||||
<div class="empty-text">- 暂无内容 -</div>
|
||||
</div>
|
||||
|
||||
@@ -321,14 +418,14 @@
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=HP1TnTC4iXqb"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=HP1TnTC4iXqb"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/public.js?v=HP1TnTC4iXqb"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/vue.global.js?v=8SfiKjW0aGnj"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/axios.min.js?v=8SfiKjW0aGnj"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/public.js?v=8SfiKjW0aGnj"></script>
|
||||
<!-- <script src="https://f.gter.net/js/public.js"></script> -->
|
||||
|
||||
<script type="module" src="https://framework.x-php.com/gter/forum/js/homepage-other.js?v=HP1TnTC4iXqb"></script>
|
||||
<script type="module" src="https://framework.x-php.com/gter/forum/js/homepage-other.js?v=8SfiKjW0aGnj"></script>
|
||||
<!-- <script type="module" src="https://f.gter.net/js/homepage-other.js"></script> -->
|
||||
<script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=HP1TnTC4iXqb"></script>
|
||||
<script type="module" src="https://framework.x-php.com/gter/forum/../image/gter/commonCom/sign-in/sign-in.js?v=8SfiKjW0aGnj"></script>
|
||||
|
||||
|
||||
<script src="https://app.gter.net/bottom?tpl=footer,popupnotification"></script>
|
||||
@@ -336,7 +433,7 @@
|
||||
<script>
|
||||
if (location.href.indexOf('details') != -1 || location.href.indexOf('thread') != -1) {
|
||||
const postList = document.querySelector('.head-top .post-list')
|
||||
postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=HP1TnTC4iXqb" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=HP1TnTC4iXqb" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=HP1TnTC4iXqb" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=HP1TnTC4iXqb" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=HP1TnTC4iXqb" /> </a>`
|
||||
postList.innerHTML = `<a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-thread.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-offer.png?v=8SfiKjW0aGnj" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-summary.png?v=8SfiKjW0aGnj" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-mj.png?v=8SfiKjW0aGnj" /> </a> <a href="https://vote.gter.net/publish" target="_blank"> <img class="post-item" src="https://framework.x-php.com/gter/forum/img/post-vote.png?v=8SfiKjW0aGnj" /> </a>`
|
||||
postList.style.display = 'flex'
|
||||
} else if (location.href.indexOf('search') != -1) {
|
||||
const box = document.querySelector(".head-top")
|
||||
@@ -349,17 +446,17 @@
|
||||
const signInList = document.querySelectorAll('.head-top .sign-in')
|
||||
signInList.forEach(element => {
|
||||
element.innerHTML = `<div class="sign-in-no-box" onclick="headSignIn()">
|
||||
<img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=HP1TnTC4iXqb" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=HP1TnTC4iXqb" />
|
||||
<img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=HP1TnTC4iXqb" /><span class="text flex1">签到领寄托币</span>
|
||||
<img class="sign-in-bj" src="https://framework.x-php.com/gter/forum/img/sign-in-bj.svg?v=8SfiKjW0aGnj" /><img class="coin-bj" src="https://framework.x-php.com/gter/forum/img/coin-bj.svg?v=8SfiKjW0aGnj" />
|
||||
<img class="coin-icon" src="https://framework.x-php.com/gter/forum/img/coin-icon.png?v=8SfiKjW0aGnj" /><span class="text flex1">签到领寄托币</span>
|
||||
<div class="sign-go flexcenter">
|
||||
<img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=HP1TnTC4iXqb" /> GO
|
||||
<img class="sign-go-bj" src="https://framework.x-php.com/gter/forum/img/sign-go.svg?v=8SfiKjW0aGnj" /> GO
|
||||
</div>
|
||||
<img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=HP1TnTC4iXqb" />
|
||||
<img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=HP1TnTC4iXqb" />
|
||||
<img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=HP1TnTC4iXqb" />
|
||||
<img class="petal1" src="https://framework.x-php.com/gter/forum/img/petal1.png?v=8SfiKjW0aGnj" />
|
||||
<img class="petal2" src="https://framework.x-php.com/gter/forum/img/petal2.png?v=8SfiKjW0aGnj" />
|
||||
<img class="petal3" src="https://framework.x-php.com/gter/forum/img/petal3.png?v=8SfiKjW0aGnj" />
|
||||
</div>
|
||||
<div class="sign-in-already-box">
|
||||
<img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=HP1TnTC4iXqb" />
|
||||
<img class="sign-icon" src="https://framework.x-php.com/gter/forum/img/sign-icon.png?v=8SfiKjW0aGnj" />
|
||||
<span>已签到，明天再来</span>
|
||||
</div>`
|
||||
|
||||
|
||||
@@ -1,44 +1,49 @@
|
||||
const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch, provide } = Vue;
|
||||
import { itemForum } from "../component/item-forum/item-forum.js";
|
||||
import { itemOffer } from "../component/item-offer/item-offer.js";
|
||||
import { itemSummary } from "../component/item-summary/item-summary.js";
|
||||
import { itemVote } from "../component/item-vote/item-vote.js";
|
||||
import { itemMj } from "../component/item-mj/item-mj.js";
|
||||
import { itemTenement } from "../component/item-tenement/item-tenement.js";
|
||||
import { headTop } from "../component/head-top/head-top.js";
|
||||
(async function () {
|
||||
const { itemForum } = await import(withVer("../component/item-forum/item-forum.js"));
|
||||
const { itemOffer } = await import(withVer("../component/item-offer/item-offer.js"));
|
||||
const { itemSummary } = await import(withVer("../component/item-summary/item-summary.js"));
|
||||
const { itemVote } = await import(withVer("../component/item-vote/item-vote.js"));
|
||||
const { itemMj } = await import(withVer("../component/item-mj/item-mj.js"));
|
||||
const { itemTenement } = await import(withVer("../component/item-tenement/item-tenement.js"));
|
||||
const { headTop } = await import(withVer("../component/head-top/head-top.js"));
|
||||
const { loadBox } = await import(withVer("../component/load-box/load-box.js"));
|
||||
|
||||
const appSectionIndex = createApp({
|
||||
setup() {
|
||||
const tokenRef = ref(null);
|
||||
|
||||
onMounted(() => {
|
||||
getUserInfoWin();
|
||||
|
||||
init();
|
||||
|
||||
// init();
|
||||
window.addEventListener("scroll", handleScroll);
|
||||
|
||||
const params = getUrlParams();
|
||||
|
||||
if (params.classify) {
|
||||
classify.value = params.classify;
|
||||
}
|
||||
if (params.type) typeValue.value = params.type;
|
||||
|
||||
const preLoader = document.getElementById("pre-loader");
|
||||
if (preLoader) preLoader.style.display = "none";
|
||||
});
|
||||
|
||||
const handleScroll = () => {
|
||||
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
|
||||
const scrollHeight = document.documentElement.scrollHeight;
|
||||
const clientHeight = document.documentElement.clientHeight;
|
||||
const clientHeight = window.innerHeight;
|
||||
|
||||
// 列表下 滑动到底部 获取新数据
|
||||
if (scrollTop + clientHeight >= scrollHeight - 40) getList();
|
||||
if (scrollTop + clientHeight >= scrollHeight - 200) getList();
|
||||
};
|
||||
|
||||
let isLogin = ref(true);
|
||||
let realname = ref(1); // 是否已经实名
|
||||
let userInfoWin = ref({
|
||||
authority: ["comment.edit", "comment.delete", "offercollege.hide", "offersummary.hide", "mj.hide", "topic:manager", "topic:hide"],
|
||||
avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/middle?random=1761733169",
|
||||
groupid: 3,
|
||||
nickname: "肖荣豪",
|
||||
realname: 1,
|
||||
token: "01346a38444d71aaadb3adad52b52c39",
|
||||
uid: 500144,
|
||||
uin: 4238049,
|
||||
});
|
||||
let uid = ref(0);
|
||||
let uin = ref(0);
|
||||
let isLogin = ref(false);
|
||||
let realname = ref(0); // 是否已经实名
|
||||
let userInfoWin = ref({});
|
||||
|
||||
let permissions = ref([]);
|
||||
|
||||
@@ -51,6 +56,10 @@ const appSectionIndex = createApp({
|
||||
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);
|
||||
};
|
||||
@@ -80,6 +89,40 @@ const appSectionIndex = createApp({
|
||||
provide("openAttest", openAttest);
|
||||
provide("goLogin", goLogin);
|
||||
|
||||
const init = () => {
|
||||
uid.value = 500144
|
||||
uin.value = 4238049
|
||||
ajaxGet(`/v2/api/forum/getSpaceDetail?uid=${uid.value}&uin=${uin.value}`).then((res) => {
|
||||
if (res.code != 200) {
|
||||
creationAlertBox("error", res.message);
|
||||
return;
|
||||
}
|
||||
|
||||
const data = res.data;
|
||||
|
||||
const allValues = Object.values(data.schoolTags || []);
|
||||
const onlyArrays = allValues.filter((item) => Array.isArray(item));
|
||||
let schoolTagsData = onlyArrays.flat();
|
||||
|
||||
data.info["lastlogintime"] = timeago(data.info.lastlogintime, 2);
|
||||
data.info["gtercoin"] = Math.floor(data.info.gtercoin || 0);
|
||||
|
||||
info.value = data.info || {};
|
||||
medallist.value = data.medal || [];
|
||||
schoolTags.value = schoolTagsData;
|
||||
|
||||
calculateCreationType(data.count);
|
||||
|
||||
nextTick(() => {
|
||||
getList();
|
||||
});
|
||||
|
||||
const nickname = data.info.nickname || "";
|
||||
document.title = `${nickname}的个人主页 -- 寄托天下`;
|
||||
});
|
||||
// .finally(() => wx.hideLoading());
|
||||
};
|
||||
|
||||
let schoolTags = ref([]);
|
||||
let gtercoin = ref(0);
|
||||
let info = ref({});
|
||||
@@ -87,31 +130,31 @@ const appSectionIndex = createApp({
|
||||
let introduction = ref("");
|
||||
|
||||
let avatar = "";
|
||||
const init = () => {
|
||||
ajax(`/v2/api/forum/postUserDetail`)
|
||||
.then((res) => {
|
||||
if (res.code == 401) {
|
||||
goLogin();
|
||||
return;
|
||||
}
|
||||
let data = res.data;
|
||||
// const init = () => {
|
||||
// ajax(`/v2/api/forum/postUserDetail`)
|
||||
// .then((res) => {
|
||||
// if (res.code == 401) {
|
||||
// goLogin();
|
||||
// return;
|
||||
// }
|
||||
// let data = res.data;
|
||||
|
||||
const allValues = Object.values(data.schoolTags || []);
|
||||
const onlyArrays = allValues.filter((item) => Array.isArray(item));
|
||||
let schoolTagsData = onlyArrays.flat();
|
||||
schoolTags.value = schoolTagsData;
|
||||
// const allValues = Object.values(data.schoolTags || []);
|
||||
// const onlyArrays = allValues.filter((item) => Array.isArray(item));
|
||||
// let schoolTagsData = onlyArrays.flat();
|
||||
// schoolTags.value = schoolTagsData;
|
||||
|
||||
gtercoin.value = data.gtercoin;
|
||||
info.value = data.info || {};
|
||||
medallist.value = data.medal || [];
|
||||
introduction.value = data?.urls?.introduction;
|
||||
avatar = data?.info?.avatar || "";
|
||||
// gtercoin.value = data.gtercoin;
|
||||
// info.value = data.info || {};
|
||||
// medallist.value = data.medal || [];
|
||||
// introduction.value = data?.urls?.introduction;
|
||||
// avatar = data?.info?.avatar || "";
|
||||
|
||||
getCount();
|
||||
getList();
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
// getCount();
|
||||
// getList();
|
||||
// })
|
||||
// .catch(() => {});
|
||||
// };
|
||||
|
||||
let createCount = ref(0);
|
||||
let count = ref(0);
|
||||
@@ -193,6 +236,16 @@ const appSectionIndex = createApp({
|
||||
]);
|
||||
|
||||
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([
|
||||
{
|
||||
@@ -236,7 +289,7 @@ const appSectionIndex = createApp({
|
||||
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 == "creation") url = `/v2/api/forum/postUserPublish`;
|
||||
if (typeValue.value == "like") url = `/v2/api/forum/postUserLike`;
|
||||
if (typeValue.value == "footprint") url = `/v2/api/forum/postUserFootprint`;
|
||||
|
||||
@@ -290,9 +343,18 @@ const appSectionIndex = createApp({
|
||||
getList();
|
||||
};
|
||||
|
||||
const copy = (text) => copyUid(text);
|
||||
const copy = (text) => copyForumUid(text);
|
||||
|
||||
return { typeChange, page, loading, classifyChange, total, list, classifyList, classify, typeValue, typeList, creationType, gtercoin, info, medallist, schoolTags, introduction, copy };
|
||||
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 };
|
||||
},
|
||||
});
|
||||
|
||||
@@ -303,5 +365,7 @@ appSectionIndex.component("itemVote", itemVote);
|
||||
appSectionIndex.component("itemMj", itemMj);
|
||||
appSectionIndex.component("itemTenement", itemTenement);
|
||||
appSectionIndex.component("headTop", headTop);
|
||||
appSectionIndex.component("loadBox", loadBox);
|
||||
|
||||
appSectionIndex.mount("#homepage-me");
|
||||
})();
|
||||
|
||||
@@ -24,7 +24,7 @@ const ajax = (url, data) => {
|
||||
url = url.indexOf("https://") > -1 ? url : forumBaseURL + url;
|
||||
if (data) data["v"] = vParam || "v2";
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "d1329afaff3230eae2463306371e74eb";
|
||||
if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "5bc5ed1bbdb36205042098dd2022bf32";
|
||||
|
||||
axios
|
||||
.post(url, data, {
|
||||
@@ -89,7 +89,7 @@ const ajaxGet = (url) => {
|
||||
url = `${url}${paramSymbol}v=${vParam || "v2"}`;
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "d1329afaff3230eae2463306371e74eb";
|
||||
if (location.hostname == "127.0.0.1") axios.defaults.headers.common["Authorization"] = "5bc5ed1bbdb36205042098dd2022bf32";
|
||||
|
||||
axios
|
||||
.get(
|
||||
|
||||
@@ -279,6 +279,26 @@ const editApp = createApp({
|
||||
language: LANG === "en" ? "en" : "zh_CN",
|
||||
language_url: LANG === "en" ? undefined : "/js/tinymce/langs/zh_CN.js",
|
||||
plugins: "image media table link lists code charmap emoticons wordcount fullscreen preview searchreplace autolink directionality visualblocks visualchars template codesample",
|
||||
paste_preprocess: (plugin, args) => {
|
||||
if (!args.content.match(/<\/?(p|div|h[1-6]|ul|ol|table|blockquote|pre)[^>]*>/i)) {
|
||||
const fragments = args.content.split(/<br\s*\/?>/gi);
|
||||
const newContent = fragments
|
||||
.map((frag) => {
|
||||
// 移除 和空白后检查是否有内容
|
||||
// 保留图片等 HTML 标签，只过滤纯空白行
|
||||
if (frag.replace(/ /gi, "").trim().length > 0) {
|
||||
return "<p>" + frag + "</p>";
|
||||
}
|
||||
return null;
|
||||
})
|
||||
.filter(Boolean)
|
||||
.join("");
|
||||
|
||||
if (newContent) {
|
||||
args.content = newContent;
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbar: "undo redo | blocks | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | removeformat | emoticons | fullscreen",
|
||||
menubar: false,
|
||||
fixed_toolbar_container: "#editor-toolbar",
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
<!-- <link href="https://framework.x-php.com/gter/forum/css/editorStyle.css" rel="stylesheet"> -->
|
||||
<script src="https://framework.x-php.com/gter/forum/js/vue.global.js"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/tinymce/tinymce.min.js"></script>
|
||||
<link rel="stylesheet" href="katex/css/katex.min.css">
|
||||
<script src="katex/js/katex.min.js"></script>
|
||||
<!-- <link rel="stylesheet" href="katex/css/katex.min.css"> -->
|
||||
<!-- <script src="katex/js/katex.min.js"></script> -->
|
||||
<!-- <link rel="stylesheet" href="/css/textbus.min.css"> -->
|
||||
<!-- <script src="/js/textbus.min.js"></script> -->
|
||||
|
||||
@@ -248,11 +248,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <script type="module" src="https://framework.x-php.com/gter/forum/js/editor.js"></script> -->
|
||||
<script src="https://framework.x-php.com/gter/forum/js/axios.min.js"></script>
|
||||
<script src="/js/public.js"></script>
|
||||
<script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
|
||||
<script type="module" src="/js/publish_admin.js"></script>
|
||||
<!-- <script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
|
||||
<script type="module" src="https://framework.x-php.com/gter/forum/js/publish_admin.js"></script> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user