From 725f4eb9af41e540e90889f1de4b38f8739f89c3 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Fri, 12 Sep 2025 09:40:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=AE=9E=E6=97=B6=E8=B5=84=E8=AE=AF):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=90=9C=E7=B4=A2=E6=A0=8F=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

实现实时资讯页面的搜索功能，包含logo和搜索框的布局与样式
---
 src/pages/realtimeInfo/index.vue | 62 +++++++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/pages/realtimeInfo/index.vue b/src/pages/realtimeInfo/index.vue
index dd6ff8b..a5c4694 100644
--- a/src/pages/realtimeInfo/index.vue
+++ b/src/pages/realtimeInfo/index.vue
@@ -3,7 +3,19 @@
   <view class="all">
     <!-- banner start -->
     <view class="banner">
-      <!-- <view class="sreach"> </view> -->
+      <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" />
@@ -434,4 +446,52 @@ onMounted(async () => {
     color: #fff;
   }
 }
+
+.r_sreach {
+  display: flex;
+  align-items: center;
+  padding: 0 30rpx;
+  position: absolute;
+  top: 10px;
+  left: 0;
+  z-index: 9999;
+}
+
+.logo_text {
+  width: 88rpx;
+  height: 45rpx;
+}
+
+.sreach {
+  display: flex;
+  align-items: center;
+  padding: 0rpx 30rpx;
+  background-color: #fff;
+  border-radius: 100rpx;
+  width: 80vw;
+  height: 68rpx;
+  margin-left: 20rpx;
+}
+
+.sreach_icon {
+  margin-right: 10rpx;
+  display: flex;
+  align-items: center;
+
+  image {
+    width: 35rpx;
+    height: 35rpx;
+    margin-top: 5rpx;
+  }
+}
+
+.sreach_text {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #999999;
+  line-height: 33rpx;
+  text-align: left;
+  font-style: normal;
+}
 </style>