fix(页面布局): 修复文本溢出问题并优化导航栏显示逻辑

添加CSS样式防止文本溢出容器
修改PageTop组件导航栏显示条件
移除多余空行

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;

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 {

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） */
   }
 }