wuyanan

ref |> 调整竖屏直播结束页面布局

@@ -91,6 +91,19 @@ export struct PlayerEndView { @@ -91,6 +91,19 @@ export struct PlayerEndView {
91 .padding({ bottom: 40, top: 120 }) 91 .padding({ bottom: 40, top: 120 })
92 92
93 Stack() { 93 Stack() {
  94 + if (this.contentDetailData.rmhInfo != null) {
  95 + Row() {
  96 + Image($r("app.media.live_end_BG_l"))
  97 + .width(307/2.0)
  98 + .height(254)
  99 + Image($r("app.media.live_end_BG_r"))
  100 + .width(307/2.0)
  101 + .height(254)
  102 + }
  103 + // .width(307)
  104 + // .height(254)
  105 + // .backgroundColor(Color.Red)
  106 + }
94 Column() { 107 Column() {
95 if (this.contentDetailData.rmhInfo != null) { 108 if (this.contentDetailData.rmhInfo != null) {
96 Text(this.contentDetailData?.rmhInfo?.rmhName) 109 Text(this.contentDetailData?.rmhInfo?.rmhName)
@@ -104,22 +117,26 @@ export struct PlayerEndView { @@ -104,22 +117,26 @@ export struct PlayerEndView {
104 .fontColor('#B2FFFFFF') 117 .fontColor('#B2FFFFFF')
105 .padding({ top: 8 }) 118 .padding({ top: 8 })
106 } 119 }
  120 +
  121 + Stack() {
107 Row() { 122 Row() {
108 Column() { 123 Column() {
109 - Text(this.duration).fontWeight(600).fontSize(24).fontColor(Color.White)  
110 - Text('直播时长').fontWeight(400).fontSize(13).fontColor(Color.White) 124 + Text(this.duration).fontWeight(600).fontSize(20).fontColor(Color.White)
  125 + Text('直播时长').fontWeight(400).fontSize(12).fontColor(Color.White)
111 } 126 }
112 127
113 - Text('').width(1).height(32).margin({ left: 36, right: 36 }).backgroundColor('#33FFFFFF') 128 + Blank().width(1).height(32).margin({ left: 36, right: 36 })
114 Column() { 129 Column() {
115 Text(NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean?.pv || '')) 130 Text(NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean?.pv || ''))
116 .fontWeight(600) 131 .fontWeight(600)
117 - .fontSize(24) 132 + .fontSize(20)
118 .fontColor(Color.White) 133 .fontColor(Color.White)
119 - Text('观看人数').fontWeight(400).fontSize(13).fontColor(Color.White) 134 + Text('观看人数').fontWeight(400).fontSize(12).fontColor(Color.White)
120 } 135 }
121 } 136 }
122 .padding({ top: this.contentDetailData.rmhInfo == null ? 26 : 16 }) 137 .padding({ top: this.contentDetailData.rmhInfo == null ? 26 : 16 })
  138 + Text('').width(1).height(32).margin({ left: 36, right: 36 }).backgroundColor('#33FFFFFF')
  139 + }
123 if (this.contentDetailData.rmhInfo != null) { 140 if (this.contentDetailData.rmhInfo != null) {
124 Row() { 141 Row() {
125 Text(this.followStatus == '0' ? '关注' : '已关注') 142 Text(this.followStatus == '0' ? '关注' : '已关注')
@@ -143,16 +160,16 @@ export struct PlayerEndView { @@ -143,16 +160,16 @@ export struct PlayerEndView {
143 } 160 }
144 .width(307) 161 .width(307)
145 .height(this.contentDetailData.rmhInfo == null ? 100 : 254) 162 .height(this.contentDetailData.rmhInfo == null ? 100 : 254)
146 - .backgroundColor('#999999') 163 + .backgroundColor(this.contentDetailData.rmhInfo == null ? '#12ffffff' : '')
147 .borderRadius(4) 164 .borderRadius(4)
148 if (this.contentDetailData.rmhInfo != null) { 165 if (this.contentDetailData.rmhInfo != null) {
149 Image(this.contentDetailData.rmhInfo?.rmhHeadUrl) 166 Image(this.contentDetailData.rmhInfo?.rmhHeadUrl)
150 .width(80) 167 .width(80)
151 .height(80) 168 .height(80)
152 .borderRadius(40) 169 .borderRadius(40)
153 - .borderWidth(1)  
154 - .borderColor(Color.White)  
155 - .borderStyle(BorderStyle.Solid) 170 + // .borderWidth(1)
  171 + // .borderColor(Color.White)
  172 + // .borderStyle(BorderStyle.Solid)
156 .position({ x: '50%', y: 0 }) 173 .position({ x: '50%', y: 0 })
157 .markAnchor({ x: '50%', y: '50%' }) 174 .markAnchor({ x: '50%', y: '50%' })
158 } 175 }
@@ -183,6 +200,8 @@ export struct PlayerEndView { @@ -183,6 +200,8 @@ export struct PlayerEndView {
183 } 200 }
184 .height('100%') 201 .height('100%')
185 .width('100%') 202 .width('100%')
  203 + // .align(Alignment.Center)
  204 + .justifyContent(FlexAlign.Center)
186 } 205 }
187 .height('100%') 206 .height('100%')
188 .width('100%') 207 .width('100%')