From 69aec22ab6c8e8acfd5d96c0eec587da21c9ff42 Mon Sep 17 00:00:00 2001
From: "34701892@qq.com" <34701892@qq.com>
Date: Thu, 6 Nov 2025 19:25:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=87=E6=9C=AC=E6=BA=A2=E5=87=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E5=B9=B6=E4=BC=98=E5=8C=96=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加CSS样式防止文本溢出容器
修改PageTop组件导航栏显示条件
移除多余空行
---
 .../realtimeInfo/pc/components/PageTop.vue    | 10 ++++++----
 src/pages/realtimeInfo/pc/indexPC.vue         |  3 +++
 src/pages/realtimeInfo/pc/rank.vue            | 20 ++++++++++++++++++-
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/pages/realtimeInfo/pc/components/PageTop.vue b/src/pages/realtimeInfo/pc/components/PageTop.vue
index 4c51b4d..132bf98 100644
--- a/src/pages/realtimeInfo/pc/components/PageTop.vue
+++ b/src/pages/realtimeInfo/pc/components/PageTop.vue
@@ -2,22 +2,23 @@
   <view class="page_top">
     <view class="r_menu">
       <image src="@/assets/images/logo.png" class="logo"></image>
-      <view class="r_menu_item" @click="tabChange(1)">
+
+      <view class="r_menu_item" @click="tabChange(1)" v-if="tabIndex != 4">
         <text class="menu_item">资讯头条榜</text>
         <view class="line" v-if="tabIndex == 1"></view>
       </view>
 
-      <view class="r_menu_item" @click="tabChange(2)">
+      <view class="r_menu_item" @click="tabChange(2)" v-if="tabIndex != 4">
         <text class="menu_item">热门行业</text>
         <view class="line" v-if="tabIndex == 2"></view>
       </view>
 
-      <view class="r_menu_item" @click="tabChange(3)">
+      <view class="r_menu_item" @click="tabChange(3)" v-if="tabIndex != 4">
         <text class="menu_item">风口概念</text>
         <view class="line" v-if="tabIndex == 3"></view>
       </view>
 
-      <view class="r_menu_item" @click="tabChange(4)">
+      <view class="r_menu_item" @click="tabChange(4)" v-if="tabIndex == 4">
         <text class="menu_item">编辑精选</text>
         <view class="line" v-if="tabIndex == 4"></view>
       </view>
@@ -34,6 +35,7 @@ import { ref, onMounted, onUnmounted, reactive } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import { Session } from "@/utils/storage";
 
+
 const tabIndex = ref(0);
 function tabChange(type) {
   // tabIndex.value = index;
diff --git a/src/pages/realtimeInfo/pc/indexPC.vue b/src/pages/realtimeInfo/pc/indexPC.vue
index 5e791f1..dbacc93 100644
--- a/src/pages/realtimeInfo/pc/indexPC.vue
+++ b/src/pages/realtimeInfo/pc/indexPC.vue
@@ -65,6 +65,7 @@ import { fetchArticleDetail } from "@/api/detail";
 import LoginPopup from "@/components/loginPopup/index.vue";
 import { Session } from "@/utils/storage";
 
+
 function goBack() {
   // uni.navigateBack();
 
@@ -243,6 +244,8 @@ const handlePopupErrorCallback = () => {
   border-radius: 20rpx;
 
   margin-top: 50rpx;
+
+
 }
 
 .r_tag_two {
diff --git a/src/pages/realtimeInfo/pc/rank.vue b/src/pages/realtimeInfo/pc/rank.vue
index 6215ecc..ad71015 100644
--- a/src/pages/realtimeInfo/pc/rank.vue
+++ b/src/pages/realtimeInfo/pc/rank.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="pc_all">
-    <PageTop></PageTop>
+    <PageTop :pageType="pageType"></PageTop>
 
     <view class="content" :style="{ filter: Session.get('token') ? '' : 'blur(5px)' }">
       <view class="top_title">
@@ -270,6 +270,24 @@ const handlePopupErrorCallback = () => {
     font-size: 16px;
     color: #333333;
     margin-top: 20rpx;
+
+
+    /* 必须：限制内容不溢出容器 */
+    overflow: hidden;
+    /* 必须：超出部分显示省略号 */
+    text-overflow: ellipsis;
+    /* 必须：将元素设置为webkit弹性盒模型（用于控制行数） */
+    display: -webkit-box;
+    /* 关键：限制显示的行数（这里设为2行） */
+    -webkit-line-clamp: 2;
+    /* 必须：设置弹性盒的排列方向为垂直（让文本换行） */
+    -webkit-box-orient: vertical;
+
+    /* 可选：调整行高和容器高度，确保刚好容纳2行文本 */
+    line-height: 1.5;
+    /* 行高 */
+    max-height: 3em;
+    /* 2行总高度 = 行高 × 2（1.5×2=3） */
   }
 }