fix:UI还原问题-【uat】进入竖屏直播详情页-“出发吧!穿越219国道-德天跨国瀑布”,直播间评论显示位置和android不一致,偏上
Showing
5 changed files
with
33 additions
and
17 deletions
| @@ -15,26 +15,38 @@ export struct ChatItemComponent { | @@ -15,26 +15,38 @@ export struct ChatItemComponent { | ||
| 15 | if (this.item.role == LiveMessageRole.host) { | 15 | if (this.item.role == LiveMessageRole.host) { |
| 16 | Span(' 主持人 ') | 16 | Span(' 主持人 ') |
| 17 | .fontSize(11) | 17 | .fontSize(11) |
| 18 | - .lineHeight(20) | 18 | + // .lineHeight(16) |
| 19 | .textBackgroundStyle({ color: "#70FFC63F", radius: 2 }) | 19 | .textBackgroundStyle({ color: "#70FFC63F", radius: 2 }) |
| 20 | + .fontColor('#FFFFFFFF') | ||
| 21 | + .fontFamily('PingFang SC-Regular') | ||
| 22 | + .fontWeight(400) | ||
| 20 | Span(' ') | 23 | Span(' ') |
| 21 | } | 24 | } |
| 22 | if (this.item.role == LiveMessageRole.guest) { | 25 | if (this.item.role == LiveMessageRole.guest) { |
| 23 | Span(' 嘉宾 ') | 26 | Span(' 嘉宾 ') |
| 24 | .fontSize(11) | 27 | .fontSize(11) |
| 25 | - .lineHeight(20) | 28 | + // .lineHeight(16) |
| 26 | .textBackgroundStyle({ color: "#70FFC63F", radius: 2 }) | 29 | .textBackgroundStyle({ color: "#70FFC63F", radius: 2 }) |
| 30 | + .fontColor('#FFFFFFFF') | ||
| 31 | + .fontFamily('PingFang SC-Regular') | ||
| 32 | + .fontWeight(400) | ||
| 27 | Span(' ') | 33 | Span(' ') |
| 28 | } | 34 | } |
| 29 | Span(this.item.senderUserName + ': ') | 35 | Span(this.item.senderUserName + ': ') |
| 36 | + .fontSize(14) | ||
| 37 | + .lineHeight(22) | ||
| 30 | .fontColor('#FFFFC63F') | 38 | .fontColor('#FFFFC63F') |
| 31 | .padding({ right: 118 }) | 39 | .padding({ right: 118 }) |
| 40 | + .fontFamily('PingFang SC-Semibold') | ||
| 41 | + .fontWeight(600) | ||
| 32 | 42 | ||
| 33 | Span(this.item.text) | 43 | Span(this.item.text) |
| 34 | - } | ||
| 35 | .fontSize(14) | 44 | .fontSize(14) |
| 36 | - .fontColor('#FFFFFFFF') | ||
| 37 | .lineHeight(22) | 45 | .lineHeight(22) |
| 46 | + .fontColor('#FFFFFFFF') | ||
| 47 | + .fontFamily('PingFang SC-Semibold') | ||
| 48 | + .fontWeight(600) | ||
| 49 | + } | ||
| 38 | .textShadow({ offsetX: 1, offsetY: 1, color: '#4D000000', radius: 1 }) | 50 | .textShadow({ offsetX: 1, offsetY: 1, color: '#4D000000', radius: 1 }) |
| 39 | 51 | ||
| 40 | } | 52 | } |
| @@ -94,9 +94,9 @@ export struct PlayerCommentComponent { | @@ -94,9 +94,9 @@ export struct PlayerCommentComponent { | ||
| 94 | Stack({ alignContent: Alignment.BottomStart }) { | 94 | Stack({ alignContent: Alignment.BottomStart }) { |
| 95 | List({ scroller: this.scroller }) { | 95 | List({ scroller: this.scroller }) { |
| 96 | // 主持人 | 96 | // 主持人 |
| 97 | - if (this.contentDetailData.oldNewsId) { | 97 | + /*if (this.contentDetailData.oldNewsId) { |
| 98 | ChartItemCompereComponent() | 98 | ChartItemCompereComponent() |
| 99 | - } | 99 | + }*/ |
| 100 | ForEach(this.liveChatList, (item: LiveRoomItemBean) => { | 100 | ForEach(this.liveChatList, (item: LiveRoomItemBean) => { |
| 101 | ListItem() { | 101 | ListItem() { |
| 102 | ChatItemComponent({ item: item }) | 102 | ChatItemComponent({ item: item }) |
| @@ -106,7 +106,10 @@ export struct PlayerCommentComponent { | @@ -106,7 +106,10 @@ export struct PlayerCommentComponent { | ||
| 106 | .width('80%') | 106 | .width('80%') |
| 107 | .scrollBar(BarState.Off) | 107 | .scrollBar(BarState.Off) |
| 108 | 108 | ||
| 109 | - }.height(280) | 109 | + } |
| 110 | + .constraintSize({ | ||
| 111 | + maxHeight: 280 | ||
| 112 | + }) | ||
| 110 | 113 | ||
| 111 | // 收藏、分享、点赞是否需要根据字段显隐 | 114 | // 收藏、分享、点赞是否需要根据字段显隐 |
| 112 | LiveOperRowListView({ | 115 | LiveOperRowListView({ |
| @@ -16,8 +16,9 @@ export struct PlayerInfoComponent { | @@ -16,8 +16,9 @@ export struct PlayerInfoComponent { | ||
| 16 | Column() { | 16 | Column() { |
| 17 | Swiper(this.swiperController) { | 17 | Swiper(this.swiperController) { |
| 18 | Text('') | 18 | Text('') |
| 19 | - PlayerUIComponent({ playerController: this.playerController }).margin({ | ||
| 20 | - bottom: this.bottomSafeHeight + 'px', | 19 | + PlayerUIComponent({ playerController: this.playerController }) |
| 20 | + .margin({ | ||
| 21 | + // bottom: this.bottomSafeHeight + 'px', | ||
| 21 | top: this.topSafeHeight + 'px' | 22 | top: this.topSafeHeight + 'px' |
| 22 | }) | 23 | }) |
| 23 | } | 24 | } |
| @@ -39,7 +39,7 @@ export struct PlayerUIComponent { | @@ -39,7 +39,7 @@ export struct PlayerUIComponent { | ||
| 39 | .animation({ duration: 500 }) | 39 | .animation({ duration: 500 }) |
| 40 | // .position({ y: '100%' }) | 40 | // .position({ y: '100%' }) |
| 41 | // .markAnchor({ y: '100%' }) | 41 | // .markAnchor({ y: '100%' }) |
| 42 | - .margin({ top: this.isSmall?195 +211 - 105:0}) | 42 | + .margin({ top: this.isSmall ? 195 + 211 - 105 : 0}) |
| 43 | } | 43 | } |
| 44 | .height('100%') | 44 | .height('100%') |
| 45 | .width('100%') | 45 | .width('100%') |
| @@ -96,12 +96,12 @@ export struct WDPlayerRenderVLiveView { | @@ -96,12 +96,12 @@ export struct WDPlayerRenderVLiveView { | ||
| 96 | if (this.onLoad) { | 96 | if (this.onLoad) { |
| 97 | this.onLoad(event) | 97 | this.onLoad(event) |
| 98 | } | 98 | } |
| 99 | - })// .width(this.selfSize.width) | ||
| 100 | - // .height(this.selfSize.height) | ||
| 101 | - .height('100%') | ||
| 102 | - .width('100%') | ||
| 103 | - .renderFit(RenderFit.RESIZE_COVER) | ||
| 104 | - .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) | 99 | + }) |
| 100 | + .width(this.selfSize.width) | ||
| 101 | + .height(this.selfSize.height) | ||
| 102 | + /*.height('100%') | ||
| 103 | + .width('100%')*/ | ||
| 104 | + .renderFit(RenderFit.RESIZE_FILL) | ||
| 105 | } | 105 | } |
| 106 | .id(this.insId) | 106 | .id(this.insId) |
| 107 | .onAreaChange(() => { | 107 | .onAreaChange(() => { |
| @@ -110,7 +110,7 @@ export struct WDPlayerRenderVLiveView { | @@ -110,7 +110,7 @@ export struct WDPlayerRenderVLiveView { | ||
| 110 | .backgroundColor("#000000") | 110 | .backgroundColor("#000000") |
| 111 | .height('100%') | 111 | .height('100%') |
| 112 | .width('100%') | 112 | .width('100%') |
| 113 | - .renderFit(RenderFit.RESIZE_COVER) | 113 | + .renderFit(RenderFit.RESIZE_FILL) |
| 114 | } | 114 | } |
| 115 | 115 | ||
| 116 | updateLayout() { | 116 | updateLayout() { |
-
Please register or login to post a comment