From 885109158db2b44ba0d2a35aeecc365426c2c0d8 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Fri, 12 Sep 2025 09:51:37 +0800
Subject: [PATCH] =?UTF-8?q?refactor(realtimeInfo):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A0=8F=E4=BD=8D=E7=BD=AE=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将搜索栏从banner区域移至内容区域，并修改相关样式。移除绝对定位，添加背景图片，调整高度和间距以改善布局。
---
 src/pages/realtimeInfo/index.vue | 44 +++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/pages/realtimeInfo/index.vue b/src/pages/realtimeInfo/index.vue
index a5c4694..29f53ef 100644
--- a/src/pages/realtimeInfo/index.vue
+++ b/src/pages/realtimeInfo/index.vue
@@ -3,19 +3,6 @@
   <view class="all">
     <!-- banner start -->
     <view class="banner">
-      <view class="r_sreach">
-        <image class="logo_text" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/logo_text_icon.png"> </image>
-
-        <view class="sreach" @click="goSreach">
-          <view class="sreach_icon">
-            <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/icon_search_line.png"></image>
-          </view>
-          <view class="sreach_text">
-            <text>搜索资讯</text>
-          </view>
-        </view>
-      </view>
-
       <img :src="bannerImg" class="banner_bk" />
       <view class="r_banner_title">
         <img :src="bannerTitle" class="banner_title" />
@@ -92,6 +79,20 @@
     </view>
 
     <view style="background-color: white; margin-top: 40rpx">
+      <view class="r_sreach">
+        <!-- <image class="top_bk" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/top_bg.png"></image> -->
+
+        <image class="logo_text" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/logo_text_icon.png"> </image>
+
+        <view class="sreach" @click="goSreach">
+          <view class="sreach_icon">
+            <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/icon_search_line.png"></image>
+          </view>
+          <view class="sreach_text">
+            <text>搜索资讯</text>
+          </view>
+        </view>
+      </view>
       <indexMenuTitle title="编辑精选 Top20"></indexMenuTitle>
       <RankList :newsList="newsList"></RankList>
     </view>
@@ -448,18 +449,20 @@ onMounted(async () => {
 }
 
 .r_sreach {
+  height: 60px;
   display: flex;
   align-items: center;
   padding: 0 30rpx;
-  position: absolute;
-  top: 10px;
-  left: 0;
-  z-index: 9999;
+  // position: absolute;
+  // top: 10px;
+  // left: 0;
+  // z-index: 9999;
+  background: url("https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/top_bg.png");
 }
 
 .logo_text {
   width: 88rpx;
-  height: 45rpx;
+  height: 40rpx;
 }
 
 .sreach {
@@ -494,4 +497,9 @@ onMounted(async () => {
   text-align: left;
   font-style: normal;
 }
+
+.top_bk {
+  width: 100vw;
+  height: 60px;
+}
 </style>