yuzhilin

首页头部样式优化

... ... @@ -170,9 +170,9 @@ export struct TopNavigationComponent {
}.width('100%')
.justifyContent(FlexAlign.SpaceBetween)
}
.height('73lpx')
.width('100%')
.justifyContent(FlexAlign.End)
.height(40)
.padding({top:10})
.backgroundColor($r('app.color.white'))
.visibility(this._currentNavIndex == 0 ? Visibility.Visible : Visibility.None)
... ...
... ... @@ -29,20 +29,16 @@ export struct FirstTabTopSearchComponent{
build(){
Row(){
Image($r('app.media.icon_search'))
.objectFit(ImageFit.Cover)
.height('23lpx')
.width('23lpx')
.margin({right:'13lpx'})
.interpolation(ImageInterpolation.Medium)
.width(18)
.height(18)
if(this.searchTextData!=null && this.searchTextData.length>0){
Swiper(this.swiperController) {
ForEach(this.searchTextData, (item: string, index: number ) => {
Text(item)
.fontWeight('400lpx')
.fontSize('25lpx')
.fontColor($r('app.color.color_666666'))
.lineHeight('35lpx')
.fontWeight(400)
.fontColor($r('app.color.color_B0B0B0'))
.fontSize($r('app.float.font_size_13'))
.textAlign(TextAlign.Start)
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Clip})
... ... @@ -53,13 +49,13 @@ export struct FirstTabTopSearchComponent{
.interval(3000)
.indicator(false)
.vertical(true)
.height(30)
}
}.width('257lpx')
.height('61lpx')
.padding({left:'31lpx'})
}.height(30)
.width(124)
.padding({left:15})
.backgroundImage($r('app.media.background_search'))
.backgroundImageSize(ImageSize.Cover)
.alignItems(VerticalAlign.Center)
}
}
\ No newline at end of file
... ...