fix:17593 功能缺陷-【uat】直播缺少搜索按钮

@@ -5,6 +5,7 @@
 import { BottomNavDTO, TopNavDTO } from 'wdBean/Index'
 import { VideoChannelDetail } from 'wdDetailPlayShortVideo/Index';
 import { PageComponent } from './PageComponent';
+import {  WDRouterPage, WDRouterRule } from 'wdRouter';
 
 const TAG = 'VideoChannelPage'
 
@@ -67,44 +68,66 @@ export struct VideoChannelPage {
 
   @Builder
   topNavView() {
-    Row() {
-      ForEach(this.topNavList, (item: TopNavDTO, index: number) => {
-        Column() {
-          Text(item.name)
-            .fontSize($r('app.float.selected_text_size'))
-            .fontWeight(this.currentTopNavSelectedIndex === index ? FontWeight.Bold : FontWeight.Normal)
-            .fontColor(this.getTopNavFontColor(item, index))
-            .padding({
-              top: $r('app.float.top_tab_item_padding_top'),
-              bottom: $r('app.float.top_tab_item_padding_bottom')
-            })
-            .maxLines(this.MAX_LINE)
+    Stack({alignContent: Alignment.TopEnd}) {
+      Row() {
+        ForEach(this.topNavList, (item: TopNavDTO, index: number) => {
+          Column() {
+            Text(item.name)
+              .fontSize($r('app.float.selected_text_size'))
+              .fontWeight(this.currentTopNavSelectedIndex === index ? FontWeight.Bold : FontWeight.Normal)
+              .fontColor(this.getTopNavFontColor(item, index))
+              .padding({
+                top: $r('app.float.top_tab_item_padding_top'),
+                bottom: $r('app.float.top_tab_item_padding_bottom')
+              })
+              .maxLines(this.MAX_LINE)
 
-          Row()
-            .width(20)
-            .height(3)
-            .backgroundImage($r('app.media.icon_channel_active'), ImageRepeat.NoRepeat)
-            .backgroundImageSize(ImageSize.Contain)
-            .visibility(this.currentTopNavSelectedIndex === index ? Visibility.Visible : Visibility.Hidden)
+            Row()
+              .width(20)
+              .height(3)
+              .backgroundImage($r('app.media.icon_channel_active'), ImageRepeat.NoRepeat)
+              .backgroundImageSize(ImageSize.Contain)
+              .visibility(this.currentTopNavSelectedIndex === index ? Visibility.Visible : Visibility.Hidden)
 
-        }
-        .padding({
-          left: $r('app.float.top_tab_item_padding_horizontal'),
-          right: $r('app.float.top_tab_item_padding_horizontal'),
-        })
-        .onClick(() => {
-          if (this.currentTopNavSelectedIndex === index) {
-            this.autoRefresh++
           }
-          this.currentTopNavSelectedIndex = index
-          this.swiperController.changeIndex(index, true)
+          .padding({
+            left: $r('app.float.top_tab_item_padding_horizontal'),
+            right: $r('app.float.top_tab_item_padding_horizontal'),
+          })
+          .onClick(() => {
+            if (this.currentTopNavSelectedIndex === index) {
+              this.autoRefresh++
+            }
+            this.currentTopNavSelectedIndex = index
+            this.swiperController.changeIndex(index, true)
+
+          })
+        }, (item: TopNavDTO) => item.channelId + '')
+      }
+      .width('100%')
+      .justifyContent(FlexAlign.Center)
+      .backgroundColor(this.currentTopNavSelectedIndex === 0 ? Color.Transparent : Color.White)
+
+      // 搜索按钮
+      Row() {
+        Image($r('app.media.icon_search'))
+          .width('24vp')
+          .height('24vp')
+      }
+      .width('40vp')
+      .margin({
+        right: '10vp',
+        top: '3vp',
+      })
+      .alignItems(VerticalAlign.Center)
+      .justifyContent(FlexAlign.Center)
+      .onClick(() => {
+        WDRouterRule.jumpWithPage(WDRouterPage.searchPage)
+      })
+      .backgroundColor(Color.Transparent)
 
-        })
-      }, (item: TopNavDTO) => item.channelId + '')
     }
-    .width('100%')
-    .justifyContent(FlexAlign.Center)
-    .backgroundColor(this.currentTopNavSelectedIndex === 0 ? Color.Transparent : Color.White)
+
   }
 
   @Builder