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

no message

Browse Source
This commit is contained in:
A1300399510
2025-11-18 00:24:47 +08:00
parent 1c950e00a8
commit 16f45c4466
7 changed files with 97 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
component/bi/bi.js
View File

@@ -63,7 +63,7 @@ class BiCard extends HTMLElement {
const defaultcoinnum = data.defaultcoinnum || 0; const defaultcoinnum = data.defaultcoinnum || 0;
// 替换策略链接 // 替换策略链接
this.strategyEl.href = strategy; this.strategyEl.href = "https://bbs.gter.net/account.php?a=credit&op=rule";
this.mybalanceEl.textContent = mybalance; this.mybalanceEl.textContent = mybalance;
this.coinsEl.textContent = this.coins; this.coinsEl.textContent = this.coins;
this.defaultcoinnum = defaultcoinnum; this.defaultcoinnum = defaultcoinnum;

2
component/head-top/head-top.js
View File

@@ -174,5 +174,5 @@ export const headTop = defineComponent({
return { hotSearchWords, historySearchList, searchEvent, searchInputState, searchHistoryShowState, searchInputFocus, searchInputBlur, page, pitchState, state, signIn, input, currentIndex, pauseCarousel, resumeCarousel }; return { hotSearchWords, historySearchList, searchEvent, searchInputState, searchHistoryShowState, searchInputFocus, searchInputBlur, page, pitchState, state, signIn, input, currentIndex, pauseCarousel, resumeCarousel };
}, },
template: `<div class="head-top flexacenter"> <a href="/" class="flexacenter" target="_blank"> <img class="logo" src="https://oss.gter.net/logo" alt="" /> </a> <div class="flex1"></div> <div class="input-box flexacenter" :class="{'pitch': searchInputState}"> <div v-if="!searchInputState && !input" class="placeholder-box" :style="{transform: 'translateY(-' + currentIndex * 36 + 'px)', transition: 'transform .3s ease'}"> <div class="item one-line-display" v-for="(item,index) in hotSearchWords" :key="index">大家都在搜：{{ item.keyword }}</div> <div class="item one-line-display" v-for="(item,index) in hotSearchWords.slice(0, 2)" :key="'copy-' + index">大家都在搜：{{ item.keyword }}</div> </div> <input class="input flex1" type="text" @keyup.enter="searchEvent()" v-model="input" @focus="searchInputFocus" @blur="searchInputBlur" maxlength="140" /> <img class="icon" src="/img/search-icon.svg" @click="searchEvent()" /> <div class="search-box-history" v-if="searchHistoryShowState"> <div class="search-box-history-title">历史搜索</div> <div class="search-box-history-list"> <div class="search-box-history-item one-line-display" v-for="(item,index) in historySearchList " :key="index" @click="searchEvent(item)">{{ item }}</div> </div> </div> </div> <div class="post-list flexacenter" v-if="page == 'details'"> <a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-thread.png" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-offer.png" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-summary.png" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-mj.png" /> </a> <a href="https://vote.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-vote.png" /> </a> </div> <template v-else> <div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak> <img class="sign-in-bj" src="/img/sign-in-bj.svg" /> <img class="coin-bj" src="/img/coin-bj.svg" /> <img class="coin-icon" src="/img/coin-icon.png" /> <span class="text flex1">签到领寄托币</span> <div class="sign-go flexcenter"> <img class="sign-go-bj" src="/img/sign-go.svg" /> GO </div> <img class="petal1" src="/img/petal1.png" /> <img class="petal2" src="/img/petal2.png" /> <img class="petal3" src="/img/petal3.png" /> </div> <div class="sign-in sign-in-already flexcenter" v-else> <img class="sign-icon" src="/img/sign-icon.png" /> <span>已签到，明天再来</span> </div> </template></div>`, template: `<div class="head-top flexacenter"> <a href="/" class="flexacenter" target="_blank"> <img class="logo" src="https://oss.gter.net/logo" alt="" /> </a> <div class="flex1"></div> <div class="input-box flexacenter" :class="{'pitch': searchInputState}"> <div class="placeholder" v-if="!searchInputState && !input"> <div class="placeholder-box" :style="{transform: 'translateY(-' + currentIndex * 36 + 'px)', transition: 'transform .3s ease'}"> <div class="item one-line-display" v-for="(item,index) in hotSearchWords" :key="index">大家都在搜：{{ item.keyword }}</div> <div class="item one-line-display" v-for="(item,index) in hotSearchWords.slice(0, 2)" :key="'copy-' + index">大家都在搜：{{ item.keyword }}</div> </div> </div> <input class="input flex1" type="text" @keyup.enter="searchEvent()" v-model="input" @focus="searchInputFocus" @blur="searchInputBlur" maxlength="140" /> <img class="icon" src="/img/search-icon.svg" @click="searchEvent()" /> <div class="search-box-history" v-if="searchHistoryShowState"> <div class="search-box-history-title">历史搜索</div> <div class="search-box-history-list"> <div class="search-box-history-item one-line-display" v-for="(item,index) in historySearchList " :key="index" @click="searchEvent(item)">{{ item }}</div> </div> </div> </div> <div class="post-list flexacenter" v-if="page == 'details'"> <a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-thread.png" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-offer.png" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-summary.png" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-mj.png" /> </a> <a href="https://vote.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-vote.png" /> </a> </div> <template v-else> <div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak> <img class="sign-in-bj" src="/img/sign-in-bj.svg" /> <img class="coin-bj" src="/img/coin-bj.svg" /> <img class="coin-icon" src="/img/coin-icon.png" /> <span class="text flex1">签到领寄托币</span> <div class="sign-go flexcenter"> <img class="sign-go-bj" src="/img/sign-go.svg" /> GO </div> <img class="petal1" src="/img/petal1.png" /> <img class="petal2" src="/img/petal2.png" /> <img class="petal3" src="/img/petal3.png" /> </div> <div class="sign-in sign-in-already flexcenter" v-else> <img class="sign-icon" src="/img/sign-icon.png" /> <span>已签到，明天再来</span> </div> </template></div>`,
}); });

32
component/head-top/head-top.txt
View File

@@ -4,20 +4,38 @@
</a> </a>
<div class="flex1"></div> <div class="flex1"></div>
<div class="input-box flexacenter" :class="{'pitch': searchInputState}"> <div class="input-box flexacenter" :class="{'pitch': searchInputState}">
<div v-if="!searchInputState && !input" class="placeholder-box" :style="{transform: 'translateY(-' + currentIndex * 36 + 'px)', transition: 'transform .3s ease'}"> <div class="placeholder" v-if="!searchInputState && !input">
<div class="item one-line-display" v-for="(item,index) in hotSearchWords" :key="index">大家都在搜：{{ item.keyword }}</div> <div class="placeholder-box"
<div class="item one-line-display" v-for="(item,index) in hotSearchWords.slice(0, 2)" :key="'copy-' + index">大家都在搜：{{ item.keyword }}</div> :style="{transform: 'translateY(-' + currentIndex * 36 + 'px)', transition: 'transform .3s ease'}">
<div class="item one-line-display" v-for="(item,index) in hotSearchWords" :key="index">大家都在搜：{{
item.keyword }}</div>
<div class="item one-line-display" v-for="(item,index) in hotSearchWords.slice(0, 2)"
:key="'copy-' + index">大家都在搜：{{ item.keyword }}</div>
</div> </div>
<input class="input flex1" type="text" @keyup.enter="searchEvent()" v-model="input" @focus="searchInputFocus" @blur="searchInputBlur" maxlength="140" /> <img class="icon" src="/img/search-icon.svg" @click="searchEvent()" /> </div>
<input class="input flex1" type="text" @keyup.enter="searchEvent()" v-model="input" @focus="searchInputFocus"
@blur="searchInputBlur" maxlength="140" /> <img class="icon" src="/img/search-icon.svg"
@click="searchEvent()" />
<div class="search-box-history" v-if="searchHistoryShowState"> <div class="search-box-history" v-if="searchHistoryShowState">
<div class="search-box-history-title">历史搜索</div> <div class="search-box-history-title">历史搜索</div>
<div class="search-box-history-list"> <div class="search-box-history-list">
<div class="search-box-history-item one-line-display" v-for="(item,index) in historySearchList " :key="index" @click="searchEvent(item)">{{ item }}</div> <div class="search-box-history-item one-line-display" v-for="(item,index) in historySearchList "
:key="index" @click="searchEvent(item)">{{ item }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="post-list flexacenter" v-if="page == 'details'"> <a href="/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-thread.png" /> </a> <a href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-offer.png" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-summary.png" /> </a> <a href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-mj.png" /> </a> <a href="https://vote.gter.net/publish" target="_blank" style="margin-right: 10px"> <img class="post-item" src="/img/post-vote.png" /> </a> </div> <template v-else> <div class="post-list flexacenter" v-if="page == 'details'"> <a href="/publish" target="_blank"
<div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak> <img class="sign-in-bj" src="/img/sign-in-bj.svg" /> <img class="coin-bj" src="/img/coin-bj.svg" /> <img class="coin-icon" src="/img/coin-icon.png" /> <span class="text flex1">签到领寄托币</span> style="margin-right: 10px"> <img class="post-item" src="/img/post-thread.png" /> </a> <a
href="https://offer.gter.net/post" target="_blank" style="margin-right: 10px"> <img class="post-item"
src="/img/post-offer.png" /> </a> <a href="https://offer.gter.net/post/summary" target="_blank"
style="margin-right: 10px"> <img class="post-item" src="/img/post-summary.png" /> </a> <a
href="https://interviewexperience.gter.net/publish" target="_blank" style="margin-right: 10px"> <img
class="post-item" src="/img/post-mj.png" /> </a> <a href="https://vote.gter.net/publish" target="_blank"
style="margin-right: 10px"> <img class="post-item" src="/img/post-vote.png" /> </a> </div> <template v-else>
<div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak> <img class="sign-in-bj"
src="/img/sign-in-bj.svg" /> <img class="coin-bj" src="/img/coin-bj.svg" /> <img class="coin-icon"
src="/img/coin-icon.png" /> <span class="text flex1">签到领寄托币</span>
<div class="sign-go flexcenter"> <div class="sign-go flexcenter">
<img class="sign-go-bj" src="/img/sign-go.svg" /> GO <img class="sign-go-bj" src="/img/sign-go.svg" /> GO
</div> </div>

20
css/public.css
View File

@@ -921,11 +921,17 @@ body {
color: #333; color: #333;
font-size: 13px; font-size: 13px;
cursor: pointer; cursor: pointer;
position: relative;
padding-right: 13px;
} }
.side-box .side-header .more .more-icon { .side-box .side-header .more .more-icon {
width: 5px; width: 5px;
height: 8px; height: 8px;
margin-left: 8px; margin-left: 8px;
position: absolute;
right: 0;
top: 58%;
transform: translateY(-50%);
} }
.side-box .box .add-btn { .side-box .box .add-btn {
cursor: pointer; cursor: pointer;
@@ -1469,7 +1475,7 @@ body {
margin-top: 20px; margin-top: 20px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
z-index: 2; z-index: 4;
} }
.head-top .logo { .head-top .logo {
height: 52px; height: 52px;
@@ -1485,12 +1491,14 @@ body {
margin-right: 20px; margin-right: 20px;
transition: all 0.3s; transition: all 0.3s;
position: relative; position: relative;
overflow: hidden;
} }
.head-top .input-box.pitch { .head-top .input-box.pitch {
border-color: #000; border-color: #000;
} }
.head-top .input-box .placeholder-box { .head-top .input-box .placeholder {
width: 370px;
height: 36px;
overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -1498,9 +1506,9 @@ body {
height: 100%; height: 100%;
z-index: 1; z-index: 1;
} }
.head-top .input-box .placeholder-box .item { .head-top .input-box .placeholder .placeholder-box .item {
height: 100%; height: 36px;
line-height: 40px; line-height: 36px;
padding: 0 15px; padding: 0 15px;
color: #7f7f7f; color: #7f7f7f;
font-size: 14px; font-size: 14px;

52
css/public.less
View File

@@ -298,6 +298,7 @@ body {
.picture-videos { .picture-videos {
position: relative; position: relative;
.icon-play { .icon-play {
position: absolute; position: absolute;
left: calc(50% - 5px); left: calc(50% - 5px);
@@ -323,9 +324,11 @@ body {
&.item-offer { &.item-offer {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
.school { .school {
height: 45px; height: 45px;
border-bottom: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;
.icon { .icon {
height: 20px; height: 20px;
margin-right: 10px; margin-right: 10px;
@@ -344,6 +347,7 @@ body {
.major { .major {
height: 45px; height: 45px;
border-bottom: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;
.key { .key {
font-size: 14px; font-size: 14px;
color: #7f7f7f; color: #7f7f7f;
@@ -467,6 +471,7 @@ body {
&.more { &.more {
color: #026277; color: #026277;
// vertical-align: top; // vertical-align: top;
// flex-direction: row; // flex-direction: row;
// justify-content: center; // justify-content: center;
@@ -475,6 +480,7 @@ body {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
} }
.icon { .icon {
width: 15px; width: 15px;
height: 15px; height: 15px;
@@ -610,6 +616,7 @@ body {
.school { .school {
height: 45px; height: 45px;
border-bottom: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;
.icon { .icon {
height: 20px; height: 20px;
margin-right: 10px; margin-right: 10px;
@@ -628,6 +635,7 @@ body {
.major { .major {
height: 45px; height: 45px;
border-bottom: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;
.key { .key {
font-size: 14px; font-size: 14px;
color: #7f7f7f; color: #7f7f7f;
@@ -683,6 +691,7 @@ body {
font-size: 14px; font-size: 14px;
color: #7f7f7f; color: #7f7f7f;
margin-bottom: 21px; margin-bottom: 21px;
.unit { .unit {
font-family: "Arial-Black", "Arial Black", sans-serif; font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900; font-weight: 900;
@@ -706,6 +715,7 @@ body {
.picture { .picture {
overflow: auto; overflow: auto;
.picture-item { .picture-item {
// width: 120px; // width: 120px;
height: 100px; height: 100px;
@@ -745,6 +755,7 @@ body {
.bottom-item { .bottom-item {
height: 100%; height: 100%;
cursor: pointer; cursor: pointer;
&:not(:last-child) { &:not(:last-child) {
margin-right: 60px; margin-right: 60px;
} }
@@ -897,8 +908,10 @@ body {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
.reports { .reports {
height: 440px; height: 440px;
.radio-area { .radio-area {
margin-bottom: 40px; margin-bottom: 40px;
@@ -977,9 +990,11 @@ body {
background-color: #ffffff; background-color: #ffffff;
border: none; border: none;
border-radius: 8px 8px 6px 6px; border-radius: 8px 8px 6px 6px;
.text-box { .text-box {
position: relative; position: relative;
} }
.text-num { .text-num {
position: absolute; position: absolute;
right: 10px; right: 10px;
@@ -987,10 +1002,12 @@ body {
color: #999; color: #999;
font-size: 12px; font-size: 12px;
} }
.form { .form {
display: block; display: block;
width: 100%; width: 100%;
padding: 34px 30px 40px; padding: 34px 30px 40px;
textarea { textarea {
height: 172px; height: 172px;
margin-bottom: 30px; margin-bottom: 30px;
@@ -1018,6 +1035,7 @@ body {
color: #fff; color: #fff;
font-size: 17px; font-size: 17px;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
.close { .close {
color: #b3b3b3; color: #b3b3b3;
font-size: 14px; font-size: 14px;
@@ -1029,6 +1047,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
button[type="button"] { button[type="button"] {
margin-right: 20px; margin-right: 20px;
} }
@@ -1044,6 +1063,7 @@ body {
outline: none; outline: none;
cursor: pointer; cursor: pointer;
} }
button[type="submit"] { button[type="submit"] {
background-color: #50e3c2; background-color: #50e3c2;
border-color: #50e3c2; border-color: #50e3c2;
@@ -1097,12 +1117,18 @@ body {
color: #333; color: #333;
font-size: 13px; font-size: 13px;
cursor: pointer; cursor: pointer;
position: relative;
padding-right: 13px;
} }
.side-box .side-header .more .more-icon { .side-box .side-header .more .more-icon {
width: 5px; width: 5px;
height: 8px; height: 8px;
margin-left: 8px; margin-left: 8px;
position: absolute;
right: 0;
top: 58%;
transform: translateY(-50%);
} }
.side-box .box .add-btn { .side-box .box .add-btn {
@@ -1639,6 +1665,7 @@ body {
height: auto; height: auto;
line-height: normal; line-height: normal;
padding: 20px 16px 0; padding: 20px 16px 0;
.icon { .icon {
width: 22px; width: 22px;
height: 22px; height: 22px;
@@ -1726,6 +1753,7 @@ body {
.head-navigation { .head-navigation {
margin-bottom: 20px; margin-bottom: 20px;
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
@@ -1754,7 +1782,7 @@ body {
margin-top: 20px; margin-top: 20px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
z-index: 2; z-index: 4;
.logo { .logo {
height: 52px; height: 52px;
@@ -1771,13 +1799,16 @@ body {
margin-right: 20px; margin-right: 20px;
transition: all 0.3s; transition: all 0.3s;
position: relative; position: relative;
overflow: hidden; // overflow: hidden;
&.pitch { &.pitch {
border-color: #000; border-color: #000;
} }
.placeholder-box { .placeholder {
width: 370px;
height: 36px;
overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -1785,14 +1816,17 @@ body {
height: 100%; height: 100%;
z-index: 1; z-index: 1;
.placeholder-box {
.item { .item {
height: 100%; height: 36px;
line-height: 40px; line-height: 36px;
padding: 0 15px; padding: 0 15px;
color: #7f7f7f; color: #7f7f7f;
font-size: 14px; font-size: 14px;
} }
} }
}
.input { .input {
border: none; border: none;
@@ -1831,6 +1865,7 @@ body {
.search-box-history-list { .search-box-history-list {
color: #333; color: #333;
font-size: 14px; font-size: 14px;
.search-box-history-item { .search-box-history-item {
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;
@@ -1850,6 +1885,7 @@ body {
background-color: #ffffff; background-color: #ffffff;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
.sign-icon { .sign-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
@@ -1861,6 +1897,7 @@ body {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding-right: 8px; padding-right: 8px;
.sign-in-bj { .sign-in-bj {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -1931,6 +1968,7 @@ body {
top: 25px; top: 25px;
left: 92px; left: 92px;
} }
.petal3 { .petal3 {
width: 17px; width: 17px;
height: 12px; height: 12px;
@@ -2044,10 +2082,12 @@ td {
-webkit-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0;
border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;
} }
.t_c, .t_c,
.b_c { .b_c {
height: 8px; height: 8px;
} }
.t_l, .t_l,
.t_r, .t_r,
.b_l, .b_l,
@@ -2085,6 +2125,7 @@ td {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.list-load-text { .list-load-text {
font-size: 14px; font-size: 14px;
} }
@@ -2112,6 +2153,7 @@ td {
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }

2
css/section.css
View File

@@ -87,6 +87,8 @@
padding-top: 30px; padding-top: 30px;
padding-bottom: 34px; padding-bottom: 34px;
margin-bottom: 20px; margin-bottom: 20px;
position: relative;
z-index: 3;
} }
#sectionIndex .matter .matter-content .info-box .img { #sectionIndex .matter .matter-content .info-box .img {
width: 80px; width: 80px;

2
css/section.less
View File

@@ -94,6 +94,8 @@
padding-top: 30px; padding-top: 30px;
padding-bottom: 34px; padding-bottom: 34px;
margin-bottom: 20px; margin-bottom: 20px;
position: relative;
z-index: 3;
.img { .img {
width: 80px; width: 80px;