Showing
2 changed files
with
9 additions
and
12 deletions
| @@ -189,21 +189,19 @@ export struct PlayUIComponent { | @@ -189,21 +189,19 @@ export struct PlayUIComponent { | ||
| 189 | // 预约 | 189 | // 预约 |
| 190 | if (this.contentDetailData.liveInfo?.liveState == 'wait') { | 190 | if (this.contentDetailData.liveInfo?.liveState == 'wait') { |
| 191 | Row() { | 191 | Row() { |
| 192 | - | ||
| 193 | Image($r('app.media.icon_live_status_wait')) | 192 | Image($r('app.media.icon_live_status_wait')) |
| 194 | .width(22) | 193 | .width(22) |
| 195 | .height(18) | 194 | .height(18) |
| 196 | Text('预约') | 195 | Text('预约') |
| 197 | - .fontSize('11fp') | 196 | + .fontSize('11vp') |
| 198 | .fontWeight(400) | 197 | .fontWeight(400) |
| 199 | .fontColor(Color.White) | 198 | .fontColor(Color.White) |
| 200 | } | 199 | } |
| 201 | .backgroundColor('#4D000000') | 200 | .backgroundColor('#4D000000') |
| 202 | .padding({ | 201 | .padding({ |
| 203 | - top: 1, | ||
| 204 | - right: 4, | ||
| 205 | - bottom: 1 | 202 | + right: 4 |
| 206 | }) | 203 | }) |
| 204 | + .borderRadius(2) | ||
| 207 | } | 205 | } |
| 208 | // 直播中 | 206 | // 直播中 |
| 209 | else if (this.contentDetailData.liveInfo?.liveState == 'running') { | 207 | else if (this.contentDetailData.liveInfo?.liveState == 'running') { |
| @@ -224,7 +222,7 @@ export struct PlayUIComponent { | @@ -224,7 +222,7 @@ export struct PlayUIComponent { | ||
| 224 | } | 222 | } |
| 225 | 223 | ||
| 226 | Text('直播中') | 224 | Text('直播中') |
| 227 | - .fontSize('11fp') | 225 | + .fontSize('11vp') |
| 228 | .fontWeight(400) | 226 | .fontWeight(400) |
| 229 | .fontColor(Color.White) | 227 | .fontColor(Color.White) |
| 230 | 228 | ||
| @@ -233,7 +231,7 @@ export struct PlayUIComponent { | @@ -233,7 +231,7 @@ export struct PlayUIComponent { | ||
| 233 | .width(12) | 231 | .width(12) |
| 234 | .height(12) | 232 | .height(12) |
| 235 | Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`) | 233 | Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`) |
| 236 | - .fontSize('11fp') | 234 | + .fontSize('11vp') |
| 237 | .fontWeight(400) | 235 | .fontWeight(400) |
| 238 | .fontColor(Color.White) | 236 | .fontColor(Color.White) |
| 239 | } | 237 | } |
| @@ -241,9 +239,7 @@ export struct PlayUIComponent { | @@ -241,9 +239,7 @@ export struct PlayUIComponent { | ||
| 241 | } | 239 | } |
| 242 | .backgroundColor('#4D000000') | 240 | .backgroundColor('#4D000000') |
| 243 | .padding({ | 241 | .padding({ |
| 244 | - top: 1, | ||
| 245 | right: 4, | 242 | right: 4, |
| 246 | - bottom: 1, | ||
| 247 | }) | 243 | }) |
| 248 | .margin( | 244 | .margin( |
| 249 | { | 245 | { |
| @@ -252,6 +248,7 @@ export struct PlayUIComponent { | @@ -252,6 +248,7 @@ export struct PlayUIComponent { | ||
| 252 | : this.displayDirection === DisplayDirection.VIDEO_HORIZONTAL ? 34 : 0 | 248 | : this.displayDirection === DisplayDirection.VIDEO_HORIZONTAL ? 34 : 0 |
| 253 | } | 249 | } |
| 254 | ) | 250 | ) |
| 251 | + .borderRadius(2) | ||
| 255 | } | 252 | } |
| 256 | //回看 | 253 | //回看 |
| 257 | else if (this.contentDetailData.liveInfo?.liveState == 'end') { | 254 | else if (this.contentDetailData.liveInfo?.liveState == 'end') { |
| @@ -272,15 +269,15 @@ export struct PlayUIComponent { | @@ -272,15 +269,15 @@ export struct PlayUIComponent { | ||
| 272 | } | 269 | } |
| 273 | 270 | ||
| 274 | } | 271 | } |
| 272 | + .height(18) | ||
| 275 | .backgroundColor('#4D000000') | 273 | .backgroundColor('#4D000000') |
| 276 | .padding({ | 274 | .padding({ |
| 277 | left: 4, | 275 | left: 4, |
| 278 | - top: 1, | ||
| 279 | right: 4, | 276 | right: 4, |
| 280 | - bottom: 1 | ||
| 281 | }).margin({ | 277 | }).margin({ |
| 282 | left: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '34vp' : 0 | 278 | left: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '34vp' : 0 |
| 283 | }) | 279 | }) |
| 280 | + .borderRadius(2) | ||
| 284 | } | 281 | } |
| 285 | } | 282 | } |
| 286 | 283 |
| @@ -144,7 +144,7 @@ export struct PlayerTitleComponent { | @@ -144,7 +144,7 @@ export struct PlayerTitleComponent { | ||
| 144 | .width(12) | 144 | .width(12) |
| 145 | .height(12) | 145 | .height(12) |
| 146 | Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`) | 146 | Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`) |
| 147 | - .fontSize('11fp') | 147 | + .fontSize('11vp') |
| 148 | .fontWeight(400) | 148 | .fontWeight(400) |
| 149 | .fontColor(Color.White) | 149 | .fontColor(Color.White) |
| 150 | } | 150 | } |
-
Please register or login to post a comment