Showing
2 changed files
with
55 additions
and
38 deletions
| @@ -8,31 +8,39 @@ export struct DetailDialog { | @@ -8,31 +8,39 @@ export struct DetailDialog { | ||
| 8 | @Link isOpenDetail: boolean | 8 | @Link isOpenDetail: boolean |
| 9 | 9 | ||
| 10 | build() { | 10 | build() { |
| 11 | + | ||
| 11 | Column() { | 12 | Column() { |
| 12 | - if (this.name) { | ||
| 13 | - Text(`@${this.name}`) | ||
| 14 | - .fontColor(Color.White) | ||
| 15 | - .fontSize(14) | ||
| 16 | - .fontWeight(600) | ||
| 17 | - .lineHeight(17) | ||
| 18 | - .margin({ top: 8 }) | ||
| 19 | - } | 13 | + Scroll() { |
| 14 | + Column() { | ||
| 15 | + if (this.name) { | ||
| 16 | + Text(`@${this.name}`) | ||
| 17 | + .fontColor(Color.White) | ||
| 18 | + .fontSize(14) | ||
| 19 | + .fontWeight(600) | ||
| 20 | + .lineHeight(17) | ||
| 21 | + .margin({ top: 8 }) | ||
| 22 | + } | ||
| 20 | 23 | ||
| 21 | - if (this.title) { | ||
| 22 | - Text(this.title) | ||
| 23 | - .fontColor(Color.White) | ||
| 24 | - .fontSize(16) | ||
| 25 | - .fontWeight(600) | ||
| 26 | - .margin({ top: 8 }) | ||
| 27 | - .lineHeight(24) | ||
| 28 | - } | 24 | + if (this.title) { |
| 25 | + Text(this.title) | ||
| 26 | + .fontColor(Color.White) | ||
| 27 | + .fontSize(16) | ||
| 28 | + .fontWeight(600) | ||
| 29 | + .margin({ top: 8 }) | ||
| 30 | + .lineHeight(24) | ||
| 31 | + } | ||
| 32 | + | ||
| 33 | + Text(this.summary) | ||
| 34 | + .fontColor(Color.White) | ||
| 35 | + .fontSize(14) | ||
| 36 | + .fontWeight(400) | ||
| 37 | + .margin({ top: 8 }) | ||
| 38 | + .lineHeight(21) | ||
| 39 | + } | ||
| 40 | + .alignItems(HorizontalAlign.Start) | ||
| 29 | 41 | ||
| 30 | - Text(this.summary) | ||
| 31 | - .fontColor(Color.White) | ||
| 32 | - .fontSize(14) | ||
| 33 | - .fontWeight(400) | ||
| 34 | - .margin({ top: 8 }) | ||
| 35 | - .lineHeight(21) | 42 | + } |
| 43 | + .height(200) | ||
| 36 | 44 | ||
| 37 | Row() { | 45 | Row() { |
| 38 | Image($r('app.media.ic_close')) | 46 | Image($r('app.media.ic_close')) |
| @@ -47,12 +55,18 @@ export struct DetailDialog { | @@ -47,12 +55,18 @@ export struct DetailDialog { | ||
| 47 | } | 55 | } |
| 48 | .width('100%') | 56 | .width('100%') |
| 49 | .alignItems(HorizontalAlign.Start) | 57 | .alignItems(HorizontalAlign.Start) |
| 50 | - .backgroundColor('#80000000') | 58 | + // .backgroundColor('#80000000') |
| 51 | // .linearGradient({ | 59 | // .linearGradient({ |
| 52 | // direction: GradientDirection.Top, // 渐变方向 | 60 | // direction: GradientDirection.Top, // 渐变方向 |
| 53 | // repeating: false, // 渐变颜色是否重复 | 61 | // repeating: false, // 渐变颜色是否重复 |
| 54 | // colors: [['rgba(0, 0, 0, 0.1)', 0.0], ['rgba(0, 0, 0, 0)', 1.0]] // 数组末尾元素占比小于1时满足重复着色效果 | 62 | // colors: [['rgba(0, 0, 0, 0.1)', 0.0], ['rgba(0, 0, 0, 0)', 1.0]] // 数组末尾元素占比小于1时满足重复着色效果 |
| 55 | // }) | 63 | // }) |
| 56 | - .padding({ top: 20, bottom: 30, left: 16, right: 16 }) | 64 | + .padding({ |
| 65 | + top: 20, | ||
| 66 | + bottom: 30, | ||
| 67 | + left: 16, | ||
| 68 | + right: 16 | ||
| 69 | + }) | ||
| 70 | + | ||
| 57 | } | 71 | } |
| 58 | } | 72 | } |
| @@ -263,10 +263,7 @@ export struct PlayerRightView { | @@ -263,10 +263,7 @@ export struct PlayerRightView { | ||
| 263 | Image(this.transLikeStyle().url) | 263 | Image(this.transLikeStyle().url) |
| 264 | .width(32) | 264 | .width(32) |
| 265 | .aspectRatio(1) | 265 | .aspectRatio(1) |
| 266 | - .onClick(() => { | ||
| 267 | - // TODO:点赞动画 | ||
| 268 | - this.toggleLikeStatus() | ||
| 269 | - }) | 266 | + |
| 270 | Text(this.transNum2String('likeNum') || this.transLikeStyle().name) | 267 | Text(this.transNum2String('likeNum') || this.transLikeStyle().name) |
| 271 | .width('100%') | 268 | .width('100%') |
| 272 | .fontWeight(500) | 269 | .fontWeight(500) |
| @@ -279,6 +276,10 @@ export struct PlayerRightView { | @@ -279,6 +276,10 @@ export struct PlayerRightView { | ||
| 279 | } | 276 | } |
| 280 | .margin({ bottom: 20 }) | 277 | .margin({ bottom: 20 }) |
| 281 | .visibility(this.likesStyle !== 4 ? Visibility.Visible : Visibility.None) | 278 | .visibility(this.likesStyle !== 4 ? Visibility.Visible : Visibility.None) |
| 279 | + .onClick(() => { | ||
| 280 | + // TODO:点赞动画 | ||
| 281 | + this.toggleLikeStatus() | ||
| 282 | + }) | ||
| 282 | } | 283 | } |
| 283 | 284 | ||
| 284 | /** | 285 | /** |
| @@ -291,9 +292,7 @@ export struct PlayerRightView { | @@ -291,9 +292,7 @@ export struct PlayerRightView { | ||
| 291 | $r(`app.media.ic_collect_uncheck`)) | 292 | $r(`app.media.ic_collect_uncheck`)) |
| 292 | .width(32) | 293 | .width(32) |
| 293 | .aspectRatio(1) | 294 | .aspectRatio(1) |
| 294 | - .onClick(() => { | ||
| 295 | - this.toggleCollectStatus() | ||
| 296 | - }) | 295 | + |
| 297 | Text(this.transNum2String('collectNum') || '收藏') | 296 | Text(this.transNum2String('collectNum') || '收藏') |
| 298 | .width('100%') | 297 | .width('100%') |
| 299 | .fontWeight(500) | 298 | .fontWeight(500) |
| @@ -303,8 +302,12 @@ export struct PlayerRightView { | @@ -303,8 +302,12 @@ export struct PlayerRightView { | ||
| 303 | .maxLines(1) | 302 | .maxLines(1) |
| 304 | .textOverflow({ overflow: TextOverflow.Ellipsis }) | 303 | .textOverflow({ overflow: TextOverflow.Ellipsis }) |
| 305 | .margin({ top: 2 }) | 304 | .margin({ top: 2 }) |
| 305 | + | ||
| 306 | } | 306 | } |
| 307 | .margin({ bottom: 20 }) | 307 | .margin({ bottom: 20 }) |
| 308 | + .onClick(() => { | ||
| 309 | + this.toggleCollectStatus() | ||
| 310 | + }) | ||
| 308 | } | 311 | } |
| 309 | 312 | ||
| 310 | /** | 313 | /** |
| @@ -316,9 +319,7 @@ export struct PlayerRightView { | @@ -316,9 +319,7 @@ export struct PlayerRightView { | ||
| 316 | Image($r(`app.media.ic_comment`)) | 319 | Image($r(`app.media.ic_comment`)) |
| 317 | .width(32) | 320 | .width(32) |
| 318 | .aspectRatio(1) | 321 | .aspectRatio(1) |
| 319 | - .onClick((event: ClickEvent) => { | ||
| 320 | - ToastUtils.showToast('评论为公共方法,待开发', 1000); | ||
| 321 | - }) | 322 | + |
| 322 | Text(this.transNum2String('commentNum') || '抢首评') | 323 | Text(this.transNum2String('commentNum') || '抢首评') |
| 323 | .width('100%') | 324 | .width('100%') |
| 324 | .fontWeight(500) | 325 | .fontWeight(500) |
| @@ -330,6 +331,9 @@ export struct PlayerRightView { | @@ -330,6 +331,9 @@ export struct PlayerRightView { | ||
| 330 | .margin({ top: 2 }) | 331 | .margin({ top: 2 }) |
| 331 | } | 332 | } |
| 332 | .margin({ bottom: 20 }) | 333 | .margin({ bottom: 20 }) |
| 334 | + .onClick((event: ClickEvent) => { | ||
| 335 | + ToastUtils.showToast('评论为公共方法,待开发', 1000); | ||
| 336 | + }) | ||
| 333 | } | 337 | } |
| 334 | 338 | ||
| 335 | /** | 339 | /** |
| @@ -341,11 +345,7 @@ export struct PlayerRightView { | @@ -341,11 +345,7 @@ export struct PlayerRightView { | ||
| 341 | Image($r(`app.media.ic_share`)) | 345 | Image($r(`app.media.ic_share`)) |
| 342 | .width(32) | 346 | .width(32) |
| 343 | .aspectRatio(1) | 347 | .aspectRatio(1) |
| 344 | - .onClick((event: ClickEvent) => { | ||
| 345 | - ToastUtils.showToast('分享为公共方法,待开发', 1000); | ||
| 346 | 348 | ||
| 347 | - this.share() | ||
| 348 | - }) | ||
| 349 | Text('分享') | 349 | Text('分享') |
| 350 | .width('100%') | 350 | .width('100%') |
| 351 | .fontWeight(500) | 351 | .fontWeight(500) |
| @@ -357,6 +357,9 @@ export struct PlayerRightView { | @@ -357,6 +357,9 @@ export struct PlayerRightView { | ||
| 357 | .margin({ top: 2 }) | 357 | .margin({ top: 2 }) |
| 358 | } | 358 | } |
| 359 | .margin({ bottom: 20 }) | 359 | .margin({ bottom: 20 }) |
| 360 | + .onClick((event: ClickEvent) => { | ||
| 361 | + this.share() | ||
| 362 | + }) | ||
| 360 | } | 363 | } |
| 361 | 364 | ||
| 362 | share() { | 365 | share() { |
-
Please register or login to post a comment