Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool into main
* 'main' of http://192.168.1.42/developOne/harmonyPool: fix |> 修复直播间视频消息下面有多余空白问题 ref |> 修复单个视频播放页返回按钮不容易点击问题 视频>直播,正在直播只配置一个内容时,卡片样式不正确,封面图没有左右对齐,见截图
Showing
3 changed files
with
18 additions
and
14 deletions
| @@ -29,9 +29,9 @@ export struct LiveHorizontalCardForOneComponent { | @@ -29,9 +29,9 @@ export struct LiveHorizontalCardForOneComponent { | ||
| 29 | .margin({ top: 8 }) | 29 | .margin({ top: 8 }) |
| 30 | .width(CommonConstants.FULL_WIDTH) | 30 | .width(CommonConstants.FULL_WIDTH) |
| 31 | } | 31 | } |
| 32 | - .padding({ | ||
| 33 | - left: 16, | ||
| 34 | - right: 16 | ||
| 35 | - }) | 32 | + // .padding({ |
| 33 | + // left: 16, | ||
| 34 | + // right: 16 | ||
| 35 | + // }) | ||
| 36 | } | 36 | } |
| 37 | } | 37 | } |
| @@ -18,6 +18,8 @@ export struct VideoPlayPage { | @@ -18,6 +18,8 @@ export struct VideoPlayPage { | ||
| 18 | @State currentTime: string = '' | 18 | @State currentTime: string = '' |
| 19 | @State totalTime: string = '' | 19 | @State totalTime: string = '' |
| 20 | @State progressVal: number = 0; | 20 | @State progressVal: number = 0; |
| 21 | + @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0 | ||
| 22 | + | ||
| 21 | 23 | ||
| 22 | aboutToAppear(): void { | 24 | aboutToAppear(): void { |
| 23 | let par: Action = router.getParams() as Action | 25 | let par: Action = router.getParams() as Action |
| @@ -65,26 +67,27 @@ export struct VideoPlayPage { | @@ -65,26 +67,27 @@ export struct VideoPlayPage { | ||
| 65 | Row() { | 67 | Row() { |
| 66 | Image($r('app.media.icon_arrow_left_white')) | 68 | Image($r('app.media.icon_arrow_left_white')) |
| 67 | .width(24) | 69 | .width(24) |
| 70 | + .height(24) | ||
| 68 | .aspectRatio(1) | 71 | .aspectRatio(1) |
| 72 | + .interpolation(ImageInterpolation.High) | ||
| 69 | .margin({ | 73 | .margin({ |
| 70 | right: 10 | 74 | right: 10 |
| 71 | }) | 75 | }) |
| 76 | + | ||
| 72 | .onClick(() => { | 77 | .onClick(() => { |
| 73 | router.back() | 78 | router.back() |
| 74 | }) | 79 | }) |
| 75 | } | 80 | } |
| 76 | .width('100%') | 81 | .width('100%') |
| 77 | .alignItems(VerticalAlign.Center) | 82 | .alignItems(VerticalAlign.Center) |
| 78 | - .margin({ | ||
| 79 | - bottom: 10 | ||
| 80 | - }) | 83 | + .margin({ top: `${this.topSafeHeight}px` }) |
| 81 | }.width('100%') | 84 | }.width('100%') |
| 82 | - .padding({ | ||
| 83 | - top: 20, | ||
| 84 | - bottom: 6, | ||
| 85 | - left: 10, | ||
| 86 | - right: 10 | ||
| 87 | - }) | 85 | + // .padding({ |
| 86 | + // top: 20, | ||
| 87 | + // bottom: 6, | ||
| 88 | + // left: 10, | ||
| 89 | + // right: 10 | ||
| 90 | + // }) | ||
| 88 | .alignItems(HorizontalAlign.Start) | 91 | .alignItems(HorizontalAlign.Start) |
| 89 | } | 92 | } |
| 90 | 93 |
| @@ -124,6 +124,7 @@ export struct TabLiveItemComponent { | @@ -124,6 +124,7 @@ export struct TabLiveItemComponent { | ||
| 124 | RelativeContainer() { | 124 | RelativeContainer() { |
| 125 | Image(this.item.transcodeImageUrl) | 125 | Image(this.item.transcodeImageUrl) |
| 126 | .width('100%') | 126 | .width('100%') |
| 127 | + .height(174) | ||
| 127 | .objectFit(ImageFit.Cover) | 128 | .objectFit(ImageFit.Cover) |
| 128 | .borderRadius(4) | 129 | .borderRadius(4) |
| 129 | .id('iv_id') | 130 | .id('iv_id') |
| @@ -159,7 +160,7 @@ export struct TabLiveItemComponent { | @@ -159,7 +160,7 @@ export struct TabLiveItemComponent { | ||
| 159 | .margin({ | 160 | .margin({ |
| 160 | top: 8, | 161 | top: 8, |
| 161 | }) | 162 | }) |
| 162 | - .aspectRatio(this.getAspectRation()) | 163 | + .height(174) |
| 163 | .onClick(() => { | 164 | .onClick(() => { |
| 164 | this.gotoVideoPlayPage() | 165 | this.gotoVideoPlayPage() |
| 165 | }) | 166 | }) |
-
Please register or login to post a comment