From 276107722e07e9bef8c2f5523a040fd9e66daaa3 Mon Sep 17 00:00:00 2001
From: "eleanor.mao" <danningmao@outlook.com>
Date: Tue, 20 May 2025 22:55:48 +0800
Subject: [PATCH] feat: s

---
 src/components/search-city/index.less | 31 ++++++++++++++++++++++-----
 src/components/search-city/index.tsx  | 17 +++++++++------
 2 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/src/components/search-city/index.less b/src/components/search-city/index.less
index 537c4bb..caeedd0 100644
--- a/src/components/search-city/index.less
+++ b/src/components/search-city/index.less
@@ -1,7 +1,7 @@
 @import '@/styles/variables.less';
 
 .search-city {
-  background: #FFF;
+  background: #fff;
 
   &__position-title {
     font-size: 24px;
@@ -35,7 +35,7 @@
     align-content: space-between;
     width: 630px;
     padding: 12px 90px 26px 30px;
-    background: #FFFFFF;
+    background: #ffffff;
   }
 
   &__hot-city-item {
@@ -57,7 +57,8 @@
     padding-bottom: env(safe-area-inset-bottom);
   }
 
-  &__indexes-fragment {}
+  &__indexes-fragment {
+  }
 
   &__indexes-anchor {
     height: 48px;
@@ -117,7 +118,27 @@
     text-align: center;
     line-height: 160px;
     font-size: 70px;
-    color: #FFFFFF;
+    color: #ffffff;
     background-color: rgba(0, 0, 0, 0.5);
   }
-}
\ No newline at end of file
+
+  &__search-wrapper {
+    &.group {
+      background: linear-gradient(2.75deg, #ffffff 7.9%, #f2edff 97.24%);
+      .search-city__search {
+        background-color: transparent;
+        .taroify-search__content--rounded {
+          border: @blHighlightColor 1px solid;
+        }
+      }
+    }
+  }
+
+  &__banner {
+    padding: 32px 24px 0;
+    text-align: center;
+    font-size: 28px;
+    line-height: 40px;
+    color: @blHighlightColor;
+  }
+}
diff --git a/src/components/search-city/index.tsx b/src/components/search-city/index.tsx
index 727ba00..aacef38 100644
--- a/src/components/search-city/index.tsx
+++ b/src/components/search-city/index.tsx
@@ -133,12 +133,15 @@ export default function SearchCity({ onSelectCity, currentCity = '', forGroup =
   return (
     <div className={PREFIX}>
       <ScrollView scrollY style={{ height: winHeight - offset }} scrollIntoView={touchAnchor}>
-        <Search
-          className={`${PREFIX}__search`}
-          placeholder="输入城市名称"
-          shape="rounded"
-          onChange={handleSearchChange}
-        />
+        <div className={`${PREFIX}__search-wrapper ${forGroup ? 'group' : ''}`}>
+          {forGroup && <div className={`${PREFIX}__banner`}>点击城市名称，进本地通告群，免费招主播</div>}
+          <Search
+            className={`${PREFIX}__search`}
+            placeholder="输入城市名称"
+            shape="rounded"
+            onChange={handleSearchChange}
+          />
+        </div>
         {showSearchList && (
           <div className={`${PREFIX}__search-list`}>
             {searchResult.map(city => (
@@ -202,7 +205,7 @@ export default function SearchCity({ onSelectCity, currentCity = '', forGroup =
             onTouchMove={handleTouchMove}
             onTouchEnd={handleTouchEnd}
             onTouchCancel={handleTouchEnd}
-            style={{ top: indexItemHeight * OFFSET_INDEX_SIZE }}
+            style={{ top: indexItemHeight * OFFSET_INDEX_SIZE + offset }}
           >
             {CITY_LIST.map(item => {
               return (