no message

2024-01-03 18:31:15 +08:00
parent b2e7cb8f45
commit 3778105266
967 changed files with 114 additions and 140485 deletions
--- a/pages/details/[id].vue
+++ b/pages/details/[id].vue
@@ -7,12 +7,10 @@
    <!-- <div @click="router.push(`/index.html`)">1111</div> -->
    <!-- <PageHeade></PageHeade> -->
    <div>
-        <!-- <PageHead></PageHead> -->
        <TopHead></TopHead>

-        <!-- <div class="content flexflex" :style="{ position: scrollTopValue > 88 ? 'fixed' : '' }"> -->
        <div class="content flexflex">
-            <div class="left" :style="{ height: contentHeight + 'px' }">
+            <div class="left" :style="{ height: contentRightHeight + 'px' }">
                <div class="school-box flexcenter">
                    <a class="school-box-icon" :href="info['school']?.['url']" target="_blank"><img class="school-icon" v-if="info['school']?.['image']" :src="info['school']?.['image']" /></a>
                    <a class="school-name" :href="info['school']?.['url']" target="_blank">{{ info["school"]?.["name"] }}</a>
@@ -51,7 +49,7 @@
                </div>
            </div>
            <!-- <div class="right flex1" @scroll="handleCommentsScroll" v-loading="detailsLoading"> -->
-            <div class="right flex1" ref="contentRef" v-loading="detailsLoading">
+            <div class="right flex1" ref="contentRightRef" v-loading="detailsLoading">
                <!-- <div class="right-loading"></div> -->
                <div class="header">
                    <div class="titletitle">{{ info["subject"] }}</div>
@@ -334,42 +332,30 @@ let uniqid = route.params.id
 let isNeedLogin = inject("isNeedLogin")
 const goLogin = inject("goLogin")

-useHead({
-    script: [
-        { src: "https://app.gter.net/bottom?tpl=header&menukey=mj" },
-        // { src: "https://app.gter.net/bottom?tpl=footer", body: true }
-    ],
-})
+useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=header&menukey=mj" }, { src: "https://app.gter.net/bottom?tpl=footer", body: true }] })

-let contentRef = ref(null)
-let contentHeight = ref(null)
+let contentRightRef = ref(null)
+let contentRightHeight = ref(null)

 onMounted(() => {
    window.addEventListener("scroll", handleScroll)
    getDetails()
    // openObserverBottom()
-    console.log("contentRef", contentRef)
-
    // 在元素挂载后执行回调函数
    nextTick(() => {
        // 创建 ResizeObserver 实例
        const observer = new ResizeObserver(entries => {
            for (const entry of entries) {
                // 元素的高度变化
-                contentHeight.value = entry.contentRect.height
-                console.log("元素高度变化:", contentHeight.value)
+                contentRightHeight.value = entry.contentRect.height
            }
        })
-
        // 监听元素的变化
-        observer.observe(contentRef.value)
+        observer.observe(contentRightRef.value)
    })
-})

-// watch(route, () => {
-//     clearAllData()
-//     nextTick(() => getDetails())
-// })
+    clearBottom()
+})

 let floorAreaState = ref(false) // 底部操作显示状态

@@ -400,6 +386,22 @@ const openObserverBottom = () => {
    observer.observe(target)
 }

+// 清除底部的次数
+let clearBottomCount = 0
+
+// 清除 底部
+const clearBottom = () => {
+    const indexFooter = document.querySelector("section.index-footer")
+    if (!indexFooter) {
+        clearBottomCount++
+        setTimeout(() => clearBottom(), 200)
+        return
+    }
+    if (clearBottomCount == 5) return
+
+    indexFooter.style.display = "none"
+}
+
 // 清空全部数据
 const clearAllData = () => {
    uniqid = route.params.id
--- a/pages/index.html/index.vue
+++ b/pages/index.html/index.vue
@@ -1,6 +1,6 @@
 <template>
    <Head>
-        <Title>寄托天下 -  面经分享 </Title>
+        <Title>寄托天下 - 面经分享 </Title>
        <Meta name="keyword" content="留学资讯，留学交流论坛，留学面经，面试经验，寄托天下" />
    </Head>
    <TopHead></TopHead>
@@ -24,12 +24,8 @@
 import { ElMessage } from "element-plus"
 let isNeedLogin = inject("isNeedLogin")
 const goLogin = inject("goLogin")
-useHead({
-    script: [
-        { src: "https://app.gter.net/bottom?tpl=header&menukey=mj" },
-        { src: "https://app.gter.net/bottom?tpl=footer", body: true }
-    ],
-})
+console.log(process.server)
+useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=header&menukey=mj" }, { src: "https://app.gter.net/bottom?tpl=footer", body: true }] })

 const gridContainer = ref(null)
 let masonryInstance = null
--- a/pages/publish/index.vue
+++ b/pages/publish/index.vue
@@ -3,7 +3,7 @@
        <Title>寄托天下 - 面经发布</Title>
        <Meta name="keyword" content="留学资讯，留学交流论坛，留学面经，面试经验，寄托天下" />
    </Head>
-    <div class="content">
+    <div class="contentcontent">
        <div class="flexacenter save-box save-left" @click="submit(0)">
            <img class="save-icon" src="@/assets/img/arrow-gray.png" />
            保存并退出
@@ -113,6 +113,7 @@
 import { ElMessage } from "element-plus"
 import zhCn from "element-plus/dist/locale/zh-cn.mjs"
 const router = useRouter()
+useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=header&menukey=mj" }, { src: "https://app.gter.net/bottom?tpl=footer", body: true }] })

 const setDisabled = time => {
    return time.getTime() > Date.now() // 可选历史天、可选当前天、不可选未来天
@@ -121,7 +122,42 @@ const setDisabled = time => {
 onMounted(() => {
    getInit()
 })
-//
+
+onBeforeMount(() => {
+    clearBottom()
+    clearTop()
+})
+
+// 清除底部的次数
+let clearBottomCount = 0
+
+// 清除 底部
+const clearBottom = () => {
+    const indexFooter = document.querySelector("section.index-footer")
+    if (!indexFooter) {
+        clearBottomCount++
+        setTimeout(() => clearBottom(), 50)
+        return
+    }
+    if (clearBottomCount == 5) return
+    indexFooter.style.display = "none"
+}
+
+// 清除顶部的次数
+let clearTopCount = 0
+
+// 清除 底部
+const clearTop = () => {
+    const indexHeader = document.querySelector("header.page-header")
+    if (!indexHeader) {
+        clearTopCount++
+        setTimeout(() => clearTop(), 50)
+        return
+    }
+    if (clearTopCount == 5) return
+
+    indexHeader.style.display = "none"
+}

 let typetype = ref("")
 // const
@@ -252,7 +288,7 @@ const abandonSaving = () => {
 </script>

 <style scoped lang="less">
-.content {
+.contentcontent {
    width: 1200px;
    // height: 882px;
    // min-height: 718px;