Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool

@@ -3,10 +3,13 @@ export struct CustomToast {
   public static LENGTH_LONG = 4000;
   public static LENGTH_LONG = 4000;
   public static LENGTH_SHORT = 2000;
   public static LENGTH_SHORT = 2000;
 
 
-  @State msg: string = ""
+  @State msg: ResourceStr = ""
   @State duration: number = CustomToast.LENGTH_SHORT
   @State duration: number = CustomToast.LENGTH_SHORT
   @State bgBorderRadius: number = 10
   @State bgBorderRadius: number = 10
-
+  opacityValue: number = 0.7
+  bgColor: ResourceColor = $r("app.color.black")
+  fontSizeValue :number | string | Resource = "27lpx"
+  lineHeightValue :number | string | Resource = "38lpx"
   controller: CustomDialogController
   controller: CustomDialogController
 
 
   dismiss: () => void = () => {
   dismiss: () => void = () => {
@@ -27,13 +30,13 @@ export struct CustomToast {
         Text(this.msg)
         Text(this.msg)
           .fontWeight(FontWeight.Regular)
           .fontWeight(FontWeight.Regular)
           .fontColor($r('app.color.white'))
           .fontColor($r('app.color.white'))
-          .fontSize("27lpx")
-          .lineHeight("38lpx")
+          .fontSize(this.fontSizeValue)
+          .lineHeight(this.lineHeightValue)
           .textAlign(TextAlign.Center)
           .textAlign(TextAlign.Center)
     }.borderRadius(`${this.bgBorderRadius}lpx`)
     }.borderRadius(`${this.bgBorderRadius}lpx`)
     .constraintSize({maxWidth:"86%"})
     .constraintSize({maxWidth:"86%"})
     .padding({top:"23lpx",bottom:'23lpx',left:"35lpx",right:"35lpx"})
     .padding({top:"23lpx",bottom:'23lpx',left:"35lpx",right:"35lpx"})
-    .backgroundColor($r("app.color.black"))
-    .opacity(0.7)
+    .backgroundColor(this.bgColor)
+    .opacity(this.opacityValue)
   }
   }
 }
 }

@@ -21,7 +21,7 @@ export enum HostEnum {
  * 环境host管理工具类
  * 环境host管理工具类
  */
  */
 export class HostManager {
 export class HostManager {
-  private static _hostUrl: HostEnum = HostEnum.HOST_UAT;
+  private static _hostUrl: HostEnum = HostEnum.HOST_PRODUCT;
 
 
   static changeHost(host: HostEnum) {
   static changeHost(host: HostEnum) {
     HostManager._hostUrl = host;
     HostManager._hostUrl = host;

@@ -89,7 +89,7 @@ export struct CompParser {
       } else if (this.compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) {
       } else if (this.compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) {
         if (this.compDTO.operDataList.length > this.audioItems.length) {
         if (this.compDTO.operDataList.length > this.audioItems.length) {
           ZhCarouselLayout01({ compDTO: this.compDTO, pageId: this.pageId, pageName: this.pageName })
           ZhCarouselLayout01({ compDTO: this.compDTO, pageId: this.pageId, pageName: this.pageName })
-          Divider().strokeWidth(5).color('#f5f5f5').padding({ left: 0, right: 0 })
+          Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
         }
         }
       } else if (this.compDTO.compStyle === CompStyle.Zh_Single_Row_01 &&
       } else if (this.compDTO.compStyle === CompStyle.Zh_Single_Row_01 &&
         this.compDTO.imageScale === 2) { // && compDTO.name ==="横划卡"
         this.compDTO.imageScale === 2) { // && compDTO.name ==="横划卡"

 import { FeedBackParams, FeedbackTypeBean, PhotoListBean } from 'wdBean/Index';
 import { FeedBackParams, FeedbackTypeBean, PhotoListBean } from 'wdBean/Index';
 import { AppUtils,
 import { AppUtils,
+  CustomToast,
   DateTimeUtils,
   DateTimeUtils,
   DeviceUtil,
   DeviceUtil,
-  FastClickUtil, Logger, NetworkUtil, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index';
+  FastClickUtil, Logger, NetworkUtil, StringUtils, UserDataLocal } from 'wdKit/Index';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { CustomTitleUI } from './reusable/CustomTitleUI'
 import { CustomTitleUI } from './reusable/CustomTitleUI'
 import { picker } from '@kit.CoreFileKit';
 import { picker } from '@kit.CoreFileKit';
@@ -38,6 +39,21 @@ export struct FeedBackActivity {
   addPic: PhotoListBean = {itemType:1} as PhotoListBean
   addPic: PhotoListBean = {itemType:1} as PhotoListBean
   @State pics: PhotoListBean[] = [this.addPic] as PhotoListBean[]
   @State pics: PhotoListBean[] = [this.addPic] as PhotoListBean[]
 
 
+  @State toastText:ResourceStr = ""
+  dialogToast: CustomDialogController = new CustomDialogController({
+    builder: CustomToast({
+      bgColor:$r("app.color.color_B3000000"),
+      opacityValue:1,
+      fontSizeValue:"25lpx",
+      lineHeightValue:"36lpx",
+      msg: this.toastText,
+    }),
+    autoCancel: false,
+    alignment: DialogAlignment.Center,
+    customStyle: true,
+    maskColor:"#00000000"
+  })
+
   async aboutToAppear() {
   async aboutToAppear() {
     await this.getContentDetailData()
     await this.getContentDetailData()
   }
   }
@@ -124,7 +140,7 @@ export struct FeedBackActivity {
                     if(value.length> 500){
                     if(value.length> 500){
                       //隐藏键盘
                       //隐藏键盘
                       inputMethod.getController().stopInputSession();
                       inputMethod.getController().stopInputSession();
-                      ToastUtils.shortToast($r('app.string.res_feedback_commentsFail'))
+                      this.showToastTip($r('app.string.res_feedback_commentsFail'))
                       // Logger.debug(TAG, "onChange > 500  " + value)
                       // Logger.debug(TAG, "onChange > 500  " + value)
                       this.editValue = {classifyName:value.substring(0,500)} as FeedbackTypeBean
                       this.editValue = {classifyName:value.substring(0,500)} as FeedbackTypeBean
                     }else{
                     }else{
@@ -409,13 +425,13 @@ export struct FeedBackActivity {
       })
       })
     }else{
     }else{
       //
       //
-      ToastUtils.shortToast($r('app.string.feedback_opinion_type'))
+      this.showToastTip($r('app.string.feedback_opinion_type'))
       TrackingButton.click('feedbackPageSubmitFeedback',TrackConstants.PageName.FeedbackPage,TrackConstants.PageName.FeedbackPage)
       TrackingButton.click('feedbackPageSubmitFeedback',TrackConstants.PageName.FeedbackPage,TrackConstants.PageName.FeedbackPage)
       return
       return
     }
     }
     //内容必填
     //内容必填
     if(StringUtils.isEmpty(this.editValue.classifyName) || this.editValue.classifyName.length < 10 || this.editValue.classifyName.length>500){
     if(StringUtils.isEmpty(this.editValue.classifyName) || this.editValue.classifyName.length < 10 || this.editValue.classifyName.length>500){
-      ToastUtils.shortToast($r('app.string.res_feedback_commentsFail'))
+      this.showToastTip($r('app.string.res_feedback_commentsFail'))
       return
       return
     }
     }
 
 
@@ -458,4 +474,9 @@ export struct FeedBackActivity {
     TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.FeedbackPage,TrackConstants.PageName.FeedbackPage,Math.floor((DateTimeUtils.getTimeStamp() - this.pageShowTime)/1000))
     TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.FeedbackPage,TrackConstants.PageName.FeedbackPage,Math.floor((DateTimeUtils.getTimeStamp() - this.pageShowTime)/1000))
 
 
   }
   }
+
+  showToastTip(msg:ResourceStr){
+    this.toastText = msg
+    this.dialogToast.open()
+  }
 }
 }

@@ -46,7 +46,7 @@ export struct ZhGridLayout03 {
       left: $r('app.float.card_comp_pagePadding_lf'),
       left: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       top: $r('app.float.card_comp_pagePadding_tb'),
       top: $r('app.float.card_comp_pagePadding_tb'),
-      bottom: $r('app.float.card_comp_pagePadding_tb')
+      bottom: '0vp'
     })
     })
   }
   }
 
 

@@ -146,7 +146,7 @@ export struct SearchComponent {
         Scroll(this.scroller) {
         Scroll(this.scroller) {
           Column() {
           Column() {
             if(this.searchHistoryData!=null && this.searchHistoryData.length>0){
             if(this.searchHistoryData!=null && this.searchHistoryData.length>0){
-              SearchHistoryComponent({ searchHistoryData: $searchHistoryData, onDelHistory: (): void => this.getSearchHistoryData(),onGetSearchRes: (item,index): void => this.getSearchHistoryResData(item,index),onCloseInput : (): void => this.stopInput() })
+              SearchHistoryComponent({ searchHistoryData: $searchHistoryData, onDelHistory: (): void => this.getSearchHistoryData(),onGetSearchRes: (item,index): void => this.getSearchHistoryResData(item,index),onCloseInput : (): void => this.stopInput(),percent:this.percent })
             }
             }
 
 
             if(this.searchHistoryData.length>0){
             if(this.searchHistoryData.length>0){
@@ -175,10 +175,10 @@ export struct SearchComponent {
               this.getSearchHistoryData()
               this.getSearchHistoryData()
               this.getSearchInputResData(this.searchText)
               this.getSearchInputResData(this.searchText)
             }
             }
-          }})
+          },percent:this.percent})
         } else {
         } else {
           //联想搜索
           //联想搜索
-          SearchRelatedComponent({relatedSearchContentData:$relatedSearchContentsData,onGetSearchRes: (item): void => this.getSearchRelatedResData(item),searchText:this.searchText})
+          SearchRelatedComponent({relatedSearchContentData:$relatedSearchContentsData,onGetSearchRes: (item): void => this.getSearchRelatedResData(item),searchText:this.searchText,percent:this.percent})
         }
         }
       }
       }
     }.height('100%')
     }.height('100%')
@@ -337,20 +337,22 @@ export struct SearchComponent {
                 }
                 }
               }
               }
             })
             })
-        }.padding({right:`${this.calcHeight(70)}lpx`})
-        .layoutWeight(1)
 
 
           Image($r('app.media.search_input_del_icon'))
           Image($r('app.media.search_input_del_icon'))
             .width(`${this.calcHeight(31)}lpx`)
             .width(`${this.calcHeight(31)}lpx`)
             .height(`${this.calcHeight(31)}lpx`)
             .height(`${this.calcHeight(31)}lpx`)
             .objectFit(ImageFit.Auto)
             .objectFit(ImageFit.Auto)
             .interpolation(ImageInterpolation.Medium)
             .interpolation(ImageInterpolation.Medium)
-          .margin({left:`${this.calcHeight(495)}lpx`})
             .onClick(()=>{
             .onClick(()=>{
               this.searchText = ""
               this.searchText = ""
             })
             })
+            .offset({x:10})
+            .enabled(true)
             .visibility(StringUtils.isEmpty(this.searchText) ? Visibility.Hidden : Visibility.Visible)
             .visibility(StringUtils.isEmpty(this.searchText) ? Visibility.Hidden : Visibility.Visible)
 
 
+        }.padding({right:`${this.calcHeight(70)}lpx`})
+        .layoutWeight(1)
+        .justifyContent(FlexAlign.SpaceBetween)
       }
       }
       .backgroundImage($r('app.media.search_page_input_bg'))
       .backgroundImage($r('app.media.search_page_input_bg'))
       .backgroundImageSize(ImageSize.Cover)
       .backgroundImageSize(ImageSize.Cover)

@@ -27,6 +27,7 @@ export struct SearchHistoryComponent{
     alignment: DialogAlignment.Center,
     alignment: DialogAlignment.Center,
     customStyle: true
     customStyle: true
   })
   })
+  @Prop percent:number = 1
 
 
   onAccept(){
   onAccept(){
     console.info('Callback when the second button is clicked')
     console.info('Callback when the second button is clicked')
@@ -48,14 +49,14 @@ export struct SearchHistoryComponent{
         Text("搜索历史")
         Text("搜索历史")
           .textAlign(TextAlign.Center)
           .textAlign(TextAlign.Center)
           .fontWeight(FontWeight.Regular)
           .fontWeight(FontWeight.Regular)
-          .fontSize('27lpx')
-          .lineHeight('38lpx')
+          .fontSize(`${this.calcHeight(27)}lpx`)
+          .lineHeight(`${this.calcHeight(38)}lpx`)
           .fontColor($r('app.color.color_999999'))
           .fontColor($r('app.color.color_999999'))
-          .height('38lpx')
+          .height(`${this.calcHeight(38)}lpx`)
 
 
         Image($r('app.media.search_delete_icon'))
         Image($r('app.media.search_delete_icon'))
-          .height('31lpx')
-          .width('31lpx')
+          .height(`${this.calcHeight(31)}lpx`)
+          .width(`${this.calcHeight(31)}lpx`)
           .interpolation(ImageInterpolation.High)
           .interpolation(ImageInterpolation.High)
           .objectFit(ImageFit.Auto)
           .objectFit(ImageFit.Auto)
           .onClick(()=>{
           .onClick(()=>{
@@ -63,7 +64,7 @@ export struct SearchHistoryComponent{
             this.dialogController.open()
             this.dialogController.open()
           })
           })
       }.justifyContent(FlexAlign.SpaceBetween)
       }.justifyContent(FlexAlign.SpaceBetween)
-      .margin({bottom:'17lpx'})
+      .margin({bottom:`${this.calcHeight(17)}lpx`})
       .width('100%')
       .width('100%')
 
 
       Grid(){
       Grid(){
@@ -72,14 +73,14 @@ export struct SearchHistoryComponent{
             Row(){
             Row(){
               Text(`${item.searchContent}`)
               Text(`${item.searchContent}`)
                 .fontColor($r('app.color.color_222222'))
                 .fontColor($r('app.color.color_222222'))
-                .fontSize('31lpx')
+                .fontSize(`${this.calcHeight(31)}lpx`)
                 .fontWeight(FontWeight.Regular)
                 .fontWeight(FontWeight.Regular)
-                .lineHeight('46lpx')
+                .lineHeight(`${this.calcHeight(46)}lpx`)
                 .maxLines(1)
                 .maxLines(1)
-                .constraintSize({maxWidth:index%2 === 0?'270lpx':'230lpx'})
+                .constraintSize({maxWidth:index%2 === 0?`${this.calcHeight(270)}lpx`:`${this.calcHeight(230)}lpx`})
                 .textOverflow({ overflow: TextOverflow.Ellipsis })
                 .textOverflow({ overflow: TextOverflow.Ellipsis })
                 .textAlign(TextAlign.Start)
                 .textAlign(TextAlign.Start)
-                .margin({left:index%2 === 0?'0lpx':'23lpx'})
+                .margin({left:index%2 === 0?'0lpx':`${this.calcHeight(23)}lpx`})
                 .onClick(()=>{
                 .onClick(()=>{
                   if (this.onGetSearchRes !== undefined) {
                   if (this.onGetSearchRes !== undefined) {
                     this.onGetSearchRes(item.searchContent,index)
                     this.onGetSearchRes(item.searchContent,index)
@@ -87,9 +88,9 @@ export struct SearchHistoryComponent{
                 })
                 })
 
 
               Image($r('app.media.search_item_delete_icon'))
               Image($r('app.media.search_item_delete_icon'))
-                .width('23lpx')
-                .height('23lpx')
-                .margin({left:'4lpx'})
+                .width(`${this.calcHeight(23)}lpx`)
+                .height(`${this.calcHeight(23)}lpx`)
+                .margin({left:`${this.calcHeight(4)}lpx`})
                 .interpolation(ImageInterpolation.Medium)
                 .interpolation(ImageInterpolation.Medium)
                 .objectFit(ImageFit.Auto)
                 .objectFit(ImageFit.Auto)
                 .onClick(()=>{
                 .onClick(()=>{
@@ -103,19 +104,19 @@ export struct SearchHistoryComponent{
 
 
               if(index%2 === 0 && index != this.searchHistoryData.length-1 ){
               if(index%2 === 0 && index != this.searchHistoryData.length-1 ){
                 Divider()
                 Divider()
-                  .width('2lpx')
-                  .height('23lpx')
+                  .width(`${this.calcHeight(2)}lpx`)
+                  .height(`${this.calcHeight(23)}lpx`)
                   .color($r('app.color.color_CCCCCC'))
                   .color($r('app.color.color_CCCCCC'))
-                  .strokeWidth('2lpx')
+                  .strokeWidth(`${this.calcHeight(2)}lpx`)
                   .vertical(true)
                   .vertical(true)
               }
               }
             }.height('100%')
             }.height('100%')
             .alignItems(VerticalAlign.Center)
             .alignItems(VerticalAlign.Center)
             .width('100%')
             .width('100%')
-            .margin({left:index%2 === 1?'23lpx':'0lpx'})
+            .margin({left:index%2 === 1?`${this.calcHeight(23)}lpx`:'0lpx'})
 
 
           }
           }
-          .height('46lpx')
+          .height(`${this.calcHeight(46)}lpx`)
           .alignSelf(ItemAlign.Center)
           .alignSelf(ItemAlign.Center)
 
 
         })
         })
@@ -123,9 +124,9 @@ export struct SearchHistoryComponent{
       .height(this.getCategoryViewHeight())
       .height(this.getCategoryViewHeight())
       .rowsTemplate(this.getCategoryRowTmpl())
       .rowsTemplate(this.getCategoryRowTmpl())
       .columnsTemplate('1fr 1fr')
       .columnsTemplate('1fr 1fr')
-      .rowsGap('23lpx')
+      .rowsGap(`${this.calcHeight(23)}lpx`)
     }
     }
-    .margin({top:"36lpx",bottom:'46lpx'})
+    .margin({top:`${this.calcHeight(36)}lpx`,bottom:`${this.calcHeight(46)}lpx`})
   }
   }
 
 
   getCategoryRowCount() {
   getCategoryRowCount() {
@@ -140,6 +141,10 @@ export struct SearchHistoryComponent{
   }
   }
 
 
   getCategoryViewHeight() {
   getCategoryViewHeight() {
-    return `${50 * this.getCategoryRowCount()}lpx`;
+    return `${50 * this.percent * this.getCategoryRowCount()}lpx`;
+  }
+
+  calcHeight(value:number): number{
+    return value * this.percent
   }
   }
 }
 }

@@ -10,6 +10,7 @@ export struct SearchRelatedComponent {
   @Link relatedSearchContentData: SearchRelatedItem[]
   @Link relatedSearchContentData: SearchRelatedItem[]
   onGetSearchRes?: (item:string) => void;
   onGetSearchRes?: (item:string) => void;
   @Prop searchText: string
   @Prop searchText: string
+  @Prop percent:number = 1
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -19,19 +20,19 @@ export struct SearchRelatedComponent {
             Column(){
             Column(){
               Row() {
               Row() {
                 Image($r('app.media.search_related_item_icon'))
                 Image($r('app.media.search_related_item_icon'))
-                  .width('31lpx')
-                  .height('31lpx')
+                  .width(`${this.calcHeight(31)}lpx`)
+                  .height(`${this.calcHeight(31)}lpx`)
                   .objectFit(ImageFit.Auto)
                   .objectFit(ImageFit.Auto)
-                  .margin({ right: '10lpx' })
+                  .margin({ right:`${this.calcHeight(10)}lpx` })
                   .interpolation(ImageInterpolation.High)
                   .interpolation(ImageInterpolation.High)
 
 
                 Text(){
                 Text(){
                   ForEach(item.data_arr,(item:string)=>{
                   ForEach(item.data_arr,(item:string)=>{
                     Span(item)
                     Span(item)
                       .fontColor(item===this.searchText?$r('app.color.color_ED2800'):$r('app.color.color_000000'))
                       .fontColor(item===this.searchText?$r('app.color.color_ED2800'):$r('app.color.color_000000'))
-                      .fontSize('31lpx')
-                      .fontWeight('400lpx')
-                      .lineHeight('50lpx')
+                      .fontSize(`${this.calcHeight(31)}lpx`)
+                      .fontWeight(400)
+                      .lineHeight(`${this.calcHeight(50)}lpx`)
                   })
                   })
                 }
                 }
                   .maxLines(1)
                   .maxLines(1)
@@ -40,14 +41,14 @@ export struct SearchRelatedComponent {
 
 
               }.alignItems(VerticalAlign.Center)
               }.alignItems(VerticalAlign.Center)
               .justifyContent(FlexAlign.Start)
               .justifyContent(FlexAlign.Start)
-              .height('95lpx')
+              .height(`${this.calcHeight(95)}lpx`)
 
 
               if (index != this.relatedSearchContentData.length - 1) {
               if (index != this.relatedSearchContentData.length - 1) {
                 Divider()
                 Divider()
                   .width('100%')
                   .width('100%')
-                  .height('1lpx')
+                  .height(`${this.calcHeight(1)}lpx`)
                   .color($r('app.color.color_F5F5F5'))
                   .color($r('app.color.color_F5F5F5'))
-                  .strokeWidth('1lpx')
+                  .strokeWidth(`${this.calcHeight(1)}lpx`)
               }
               }
             }
             }
           }.width('100%')
           }.width('100%')
@@ -59,8 +60,11 @@ export struct SearchRelatedComponent {
         })
         })
       }.width('100%')
       }.width('100%')
     }.width('100%')
     }.width('100%')
-    .margin({ top: '8lpx' })
-    .padding({ left: '31lpx', right: '31lpx' })
+    .margin({ top: `${this.calcHeight(8)}lpx` })
+    .padding({ left: `${this.calcHeight(31)}lpx`, right: `${this.calcHeight(31)}lpx` })
   }
   }
 
 
+  calcHeight(value:number): number{
+    return value * this.percent
+  }
 }
 }

@@ -28,6 +28,7 @@ export struct SearchResultComponent {
   scroller: Scroller = new Scroller()
   scroller: Scroller = new Scroller()
   onClickTryAgain?: () => void;
   onClickTryAgain?: () => void;
   @State isConnectNetwork : boolean = NetworkUtil.isNetConnected()
   @State isConnectNetwork : boolean = NetworkUtil.isNetConnected()
+  @Prop percent:number = 1
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     if (this.count.length === 0 && this.isGetRequest == true) {
     if (this.count.length === 0 && this.isGetRequest == true) {
@@ -71,7 +72,7 @@ export struct SearchResultComponent {
             //缺省图
             //缺省图
             if(this.isConnectNetwork){
             if(this.isConnectNetwork){
               EmptyComponent({emptyType:4})
               EmptyComponent({emptyType:4})
-                .height('612lpx')
+                .height(`${this.calcHeight(612)}lpx`)
                 .width('100%')
                 .width('100%')
             }else{
             }else{
               EmptyComponent({ emptyType: 1,emptyHeight:"100%" ,retry: () => {
               EmptyComponent({ emptyType: 1,emptyHeight:"100%" ,retry: () => {
@@ -90,19 +91,19 @@ export struct SearchResultComponent {
             ListItem() {
             ListItem() {
               Row() {
               Row() {
                 Image($r('app.media.search_suggest_icon'))
                 Image($r('app.media.search_suggest_icon'))
-                  .width('6lpx')
-                  .height('31lpx')
+                  .width(`${this.calcHeight(6)}lpx`)
+                  .height(`${this.calcHeight(31)}lpx`)
                   .objectFit(ImageFit.Cover)
                   .objectFit(ImageFit.Cover)
                   .interpolation(ImageInterpolation.High)
                   .interpolation(ImageInterpolation.High)
-                  .margin({ right: '10lpx' })
+                  .margin({ right: `${this.calcHeight(10)}lpx` })
                 Text("为你推荐")
                 Text("为你推荐")
                   .textAlign(TextAlign.Start)
                   .textAlign(TextAlign.Start)
                   .fontWeight(600)
                   .fontWeight(600)
-                  .fontSize('33lpx')
-                  .lineHeight('46lpx')
+                  .fontSize(`${this.calcHeight(33)}lpx`)
+                  .lineHeight(`${this.calcHeight(46)}lpx`)
                   .fontColor($r('app.color.color_222222'))
                   .fontColor($r('app.color.color_222222'))
-              }.height('84lpx')
-              .padding({ left: '31lpx', right: '31lpx' })
+              }.height(`${this.calcHeight(84)}lpx`)
+              .padding({ left: `${this.calcHeight(31)}lpx`, right: `${this.calcHeight(31)}lpx` })
               .width('100%')
               .width('100%')
               .alignItems(VerticalAlign.Center)
               .alignItems(VerticalAlign.Center)
             }
             }
@@ -115,9 +116,9 @@ export struct SearchResultComponent {
                 if (index != this.data.totalCount() - 1) {
                 if (index != this.data.totalCount() - 1) {
                   Divider()
                   Divider()
                     .width('100%')
                     .width('100%')
-                    .height('1lpx')
+                    .height(`${this.calcHeight(1)}lpx`)
                     .color($r('app.color.color_F5F5F5'))
                     .color($r('app.color.color_F5F5F5'))
-                    .strokeWidth('1lpx')
+                    .strokeWidth(`${this.calcHeight(1)}lpx`)
                 }
                 }
               }
               }
             }
             }
@@ -144,7 +145,7 @@ export struct SearchResultComponent {
         .vertical(false)
         .vertical(false)
         .barMode(BarMode.Fixed)
         .barMode(BarMode.Fixed)
         .barWidth('100%')
         .barWidth('100%')
-        .barHeight('84lpx')
+        .barHeight(`${this.calcHeight(84)}lpx`)
         .animationDuration(0)
         .animationDuration(0)
         .width('100%')
         .width('100%')
         .scrollable(false)
         .scrollable(false)
@@ -152,26 +153,26 @@ export struct SearchResultComponent {
       }
       }
     }.width('100%')
     }.width('100%')
     .layoutWeight(1)
     .layoutWeight(1)
-    .margin({ top: '12lpx' })
+    .margin({ top: `${this.calcHeight(12)}lpx` })
   }
   }
 
 
   @Builder
   @Builder
   TabBuilder(index: number, item: string) {
   TabBuilder(index: number, item: string) {
     Stack() {
     Stack() {
       Text(item)
       Text(item)
-        .height('38lpx')
-        .fontSize('33lpx')
+        .height(`${this.calcHeight(38)}lpx`)
+        .fontSize(`${this.calcHeight(33)}lpx`)
         .fontWeight(this.currentIndex === index ? 600 : 400)
         .fontWeight(this.currentIndex === index ? 600 : 400)
         .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
         .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
-        .lineHeight('38lpx')
+        .lineHeight(`${this.calcHeight(38)}lpx`)
 
 
       if (this.currentIndex === index) {
       if (this.currentIndex === index) {
         Divider()
         Divider()
-          .width('31lpx')
-          .height('4lpx')
+          .width(`${this.calcHeight(31)}lpx`)
+          .height(`${this.calcHeight(4)}lpx`)
           .color('#ED2800')
           .color('#ED2800')
-          .strokeWidth('4lpx')
-          .margin({ top: '50lpx' })
+          .strokeWidth(`${this.calcHeight(4)}lpx`)
+          .margin({ top: `${this.calcHeight(50)}lpx` })
           .id("divTag")
           .id("divTag")
       }
       }
     }.onClick(() => {
     }.onClick(() => {
@@ -179,7 +180,11 @@ export struct SearchResultComponent {
       this.controller.changeIndex(this.currentIndex)
       this.controller.changeIndex(this.currentIndex)
     })
     })
     .height('100%')
     .height('100%')
-    .margin({ right: '9lpx' })
-    .padding({ left: '31lpx', right: index === this.count.length - 1 ? "31lpx" : "0lpx" })
+    .margin({ right: `${this.calcHeight(9)}lpx` })
+    .padding({ left: `${this.calcHeight(31)}lpx`, right: index === this.count.length - 1 ? `${this.calcHeight(31)}lpx` : "0lpx" })
+  }
+
+  calcHeight(value:number): number{
+    return value * this.percent
   }
   }
 }
 }

@@ -157,6 +157,10 @@
       "value": "#0D000000"
       "value": "#0D000000"
     },
     },
     {
     {
+      "name": "color_B3000000",
+      "value": "#B3000000"
+    },
+    {
       "name": "res_color_general_000000_30",
       "name": "res_color_general_000000_30",
       "value": "#4D000000"
       "value": "#4D000000"
     }
     }