no message

2025-11-18 00:24:47 +08:00
parent 1c950e00a8
commit 16f45c4466
7 changed files with 97 additions and 25 deletions
--- a/component/bi/bi.js
+++ b/component/bi/bi.js
@@ -63,7 +63,7 @@ class BiCard extends HTMLElement {
            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.coinsEl.textContent = this.coins;
            this.defaultcoinnum = defaultcoinnum;
--- a/component/head-top/head-top.js
+++ b/component/head-top/head-top.js
@@ -174,5 +174,5 @@ export const headTop = defineComponent({
        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>`,
 });
--- a/component/head-top/head-top.txt
+++ b/component/head-top/head-top.txt
@@ -4,20 +4,38 @@
    </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 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()" />
+
+        <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 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="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>
--- a/css/public.css
+++ b/css/public.css
@@ -921,11 +921,17 @@ body {
  color: #333;
  font-size: 13px;
  cursor: pointer;
+  position: relative;
+  padding-right: 13px;
 }
 .side-box .side-header .more .more-icon {
  width: 5px;
  height: 8px;
  margin-left: 8px;
+  position: absolute;
+  right: 0;
+  top: 58%;
+  transform: translateY(-50%);
 }
 .side-box .box .add-btn {
  cursor: pointer;
@@ -1469,7 +1475,7 @@ body {
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
-  z-index: 2;
+  z-index: 4;
 }
 .head-top .logo {
  height: 52px;
@@ -1485,12 +1491,14 @@ body {
  margin-right: 20px;
  transition: all 0.3s;
  position: relative;
-  overflow: hidden;
 }
 .head-top .input-box.pitch {
  border-color: #000;
 }
-.head-top .input-box .placeholder-box {
+.head-top .input-box .placeholder {
+  width: 370px;
+  height: 36px;
+  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
@@ -1498,9 +1506,9 @@ body {
  height: 100%;
  z-index: 1;
 }
-.head-top .input-box .placeholder-box .item {
-  height: 100%;
-  line-height: 40px;
+.head-top .input-box .placeholder .placeholder-box .item {
+  height: 36px;
+  line-height: 36px;
  padding: 0 15px;
  color: #7f7f7f;
  font-size: 14px;
--- a/css/public.less
+++ b/css/public.less
@@ -298,6 +298,7 @@ body {

            .picture-videos {
                position: relative;
+
                .icon-play {
                    position: absolute;
                    left: calc(50% - 5px);
@@ -323,9 +324,11 @@ body {
    &.item-offer {
        font-size: 14px;
        color: #333333;
+
        .school {
            height: 45px;
            border-bottom: 1px dotted #d7d7d7;
+
            .icon {
                height: 20px;
                margin-right: 10px;
@@ -344,6 +347,7 @@ body {
        .major {
            height: 45px;
            border-bottom: 1px dotted #d7d7d7;
+
            .key {
                font-size: 14px;
                color: #7f7f7f;
@@ -467,6 +471,7 @@ body {

                &.more {
                    color: #026277;
+
                    // vertical-align: top;
                    // flex-direction: row;
                    // justify-content: center;
@@ -475,6 +480,7 @@ body {
                        flex-direction: row;
                        justify-content: center;
                    }
+
                    .icon {
                        width: 15px;
                        height: 15px;
@@ -610,6 +616,7 @@ body {
        .school {
            height: 45px;
            border-bottom: 1px dotted #d7d7d7;
+
            .icon {
                height: 20px;
                margin-right: 10px;
@@ -628,6 +635,7 @@ body {
        .major {
            height: 45px;
            border-bottom: 1px dotted #d7d7d7;
+
            .key {
                font-size: 14px;
                color: #7f7f7f;
@@ -683,6 +691,7 @@ body {
            font-size: 14px;
            color: #7f7f7f;
            margin-bottom: 21px;
+
            .unit {
                font-family: "Arial-Black", "Arial Black", sans-serif;
                font-weight: 900;
@@ -706,6 +715,7 @@ body {

        .picture {
            overflow: auto;
+
            .picture-item {
                // width: 120px;
                height: 100px;
@@ -745,6 +755,7 @@ body {
        .bottom-item {
            height: 100%;
            cursor: pointer;
+
            &:not(:last-child) {
                margin-right: 60px;
            }
@@ -897,8 +908,10 @@ body {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
+
    .reports {
        height: 440px;
+
        .radio-area {
            margin-bottom: 40px;

@@ -977,9 +990,11 @@ body {
        background-color: #ffffff;
        border: none;
        border-radius: 8px 8px 6px 6px;
+
        .text-box {
            position: relative;
        }
+
        .text-num {
            position: absolute;
            right: 10px;
@@ -987,10 +1002,12 @@ body {
            color: #999;
            font-size: 12px;
        }
+
        .form {
            display: block;
            width: 100%;
            padding: 34px 30px 40px;
+
            textarea {
                height: 172px;
                margin-bottom: 30px;
@@ -1018,6 +1035,7 @@ body {
        color: #fff;
        font-size: 17px;
        border-radius: 6px 6px 0 0;
+
        .close {
            color: #b3b3b3;
            font-size: 14px;
@@ -1029,6 +1047,7 @@ body {
        display: flex;
        justify-content: center;
        align-items: center;
+
        button[type="button"] {
            margin-right: 20px;
        }
@@ -1044,6 +1063,7 @@ body {
            outline: none;
            cursor: pointer;
        }
+
        button[type="submit"] {
            background-color: #50e3c2;
            border-color: #50e3c2;
@@ -1097,12 +1117,18 @@ body {
    color: #333;
    font-size: 13px;
    cursor: pointer;
+    position: relative;
+    padding-right: 13px;
 }

 .side-box .side-header .more .more-icon {
    width: 5px;
    height: 8px;
    margin-left: 8px;
+    position: absolute;
+    right: 0;
+    top: 58%;
+    transform: translateY(-50%);
 }

 .side-box .box .add-btn {
@@ -1639,6 +1665,7 @@ body {
        height: auto;
        line-height: normal;
        padding: 20px 16px 0;
+
        .icon {
            width: 22px;
            height: 22px;
@@ -1726,6 +1753,7 @@ body {

 .head-navigation {
    margin-bottom: 20px;
+
    .icon {
        width: 16px;
        height: 16px;
@@ -1754,7 +1782,7 @@ body {
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
-    z-index: 2;
+    z-index: 4;

    .logo {
        height: 52px;
@@ -1771,13 +1799,16 @@ body {
        margin-right: 20px;
        transition: all 0.3s;
        position: relative;
-        overflow: hidden;
+        // overflow: hidden;

        &.pitch {
            border-color: #000;
        }

-        .placeholder-box {
+        .placeholder {
+            width: 370px;
+            height: 36px;
+            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
@@ -1785,15 +1816,18 @@ body {
            height: 100%;
            z-index: 1;

-            .item {
-                height: 100%;
-                line-height: 40px;
-                padding: 0 15px;
-                color: #7f7f7f;
-                font-size: 14px;
+            .placeholder-box {
+                .item {
+                    height: 36px;
+                    line-height: 36px;
+                    padding: 0 15px;
+                    color: #7f7f7f;
+                    font-size: 14px;
+                }
            }
        }

+
        .input {
            border: none;
            outline: none;
@@ -1831,6 +1865,7 @@ body {
            .search-box-history-list {
                color: #333;
                font-size: 14px;
+
                .search-box-history-item {
                    margin-bottom: 10px;
                    cursor: pointer;
@@ -1850,6 +1885,7 @@ body {
            background-color: #ffffff;
            font-size: 14px;
            color: #333;
+
            .sign-icon {
                width: 20px;
                height: 20px;
@@ -1861,6 +1897,7 @@ body {
            position: relative;
            z-index: 1;
            padding-right: 8px;
+
            .sign-in-bj {
                position: absolute;
                top: 0;
@@ -1931,6 +1968,7 @@ body {
                top: 25px;
                left: 92px;
            }
+
            .petal3 {
                width: 17px;
                height: 12px;
@@ -2044,10 +2082,12 @@ td {
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
 }
+
 .t_c,
 .b_c {
    height: 8px;
 }
+
 .t_l,
 .t_r,
 .b_l,
@@ -2085,6 +2125,7 @@ td {
            width: 30px;
            height: 30px;
        }
+
        .list-load-text {
            font-size: 14px;
        }
@@ -2112,7 +2153,8 @@ td {
    0% {
        transform: rotate(0deg);
    }
+
    100% {
        transform: rotate(360deg);
    }
-}
+}
--- a/css/section.css
+++ b/css/section.css
@@ -87,6 +87,8 @@
  padding-top: 30px;
  padding-bottom: 34px;
  margin-bottom: 20px;
+  position: relative;
+  z-index: 3;
 }
 #sectionIndex .matter .matter-content .info-box .img {
  width: 80px;
--- a/css/section.less
+++ b/css/section.less
@@ -94,6 +94,8 @@
                padding-top: 30px;
                padding-bottom: 34px;
                margin-bottom: 20px;
+                position: relative;
+                z-index: 3;

                .img {
                    width: 80px;