王士厅

fix:UI还原问题-【uat】进入竖屏直播详情页-“出发吧!穿越219国道-德天跨国瀑布”,直播间评论显示位置和android不一致,偏上

@@ -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() {