Showing
1 changed file
with
15 additions
and
8 deletions
| @@ -261,23 +261,23 @@ export struct ZhSingleRow03 { | @@ -261,23 +261,23 @@ export struct ZhSingleRow03 { | ||
| 261 | Column() { | 261 | Column() { |
| 262 | Row() { | 262 | Row() { |
| 263 | Image(this.loadImg ? item.coverUrl : '') | 263 | Image(this.loadImg ? item.coverUrl : '') |
| 264 | - .width(106) | ||
| 265 | - .height(60) | ||
| 266 | - .margin({right: 12}) | ||
| 267 | .backgroundColor(0xf5f5f5) | 264 | .backgroundColor(0xf5f5f5) |
| 268 | - .margin({right: 12}) | 265 | + .borderRadius(3) |
| 266 | + .aspectRatio(106 / 60) | ||
| 267 | + .height(60) | ||
| 269 | .border({ | 268 | .border({ |
| 270 | width: 0.7, | 269 | width: 0.7, |
| 271 | color: '#EDEDED', | 270 | color: '#EDEDED', |
| 272 | - radius: 3 | ||
| 273 | }) | 271 | }) |
| 274 | 272 | ||
| 273 | + | ||
| 275 | Text(item.newsTitle) | 274 | Text(item.newsTitle) |
| 276 | .width(154) | 275 | .width(154) |
| 277 | .height(60) | 276 | .height(60) |
| 278 | .maxLines(3) | 277 | .maxLines(3) |
| 279 | .fontSize(15) | 278 | .fontSize(15) |
| 280 | .textOverflow({overflow: TextOverflow.Ellipsis}) | 279 | .textOverflow({overflow: TextOverflow.Ellipsis}) |
| 280 | + .margin({left: 12}) | ||
| 281 | } | 281 | } |
| 282 | .margin({bottom: 16}) | 282 | .margin({bottom: 16}) |
| 283 | 283 | ||
| @@ -353,6 +353,7 @@ export struct ZhSingleRow03 { | @@ -353,6 +353,7 @@ export struct ZhSingleRow03 { | ||
| 353 | .padding({top: 12, bottom: 12, left: 12, right: 12}) | 353 | .padding({top: 12, bottom: 12, left: 12, right: 12}) |
| 354 | .backgroundColor(0xf9f9f9) | 354 | .backgroundColor(0xf9f9f9) |
| 355 | .margin({right: 8}) | 355 | .margin({right: 8}) |
| 356 | + .borderRadius(4) | ||
| 356 | .onClick(() => { | 357 | .onClick(() => { |
| 357 | InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName) | 358 | InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName) |
| 358 | ProcessUtils.processPage(item) | 359 | ProcessUtils.processPage(item) |
| @@ -361,16 +362,21 @@ export struct ZhSingleRow03 { | @@ -361,16 +362,21 @@ export struct ZhSingleRow03 { | ||
| 361 | Column() { | 362 | Column() { |
| 362 | Row() { | 363 | Row() { |
| 363 | Image(this.loadImg ? item.coverUrl : '') | 364 | Image(this.loadImg ? item.coverUrl : '') |
| 364 | - .width(106) | ||
| 365 | - .height(60) | ||
| 366 | .backgroundColor(0xf5f5f5) | 365 | .backgroundColor(0xf5f5f5) |
| 367 | - .margin({right: 12}) | 366 | + .borderRadius(3) |
| 367 | + .aspectRatio(106 / 60) | ||
| 368 | + .height(60) | ||
| 369 | + .border({ | ||
| 370 | + width: 0.7, | ||
| 371 | + color: '#EDEDED', | ||
| 372 | + }) | ||
| 368 | 373 | ||
| 369 | Text(item.newsTitle) | 374 | Text(item.newsTitle) |
| 370 | .width(201) | 375 | .width(201) |
| 371 | .height(60) | 376 | .height(60) |
| 372 | .maxLines(3) | 377 | .maxLines(3) |
| 373 | .textOverflow({overflow: TextOverflow.Ellipsis}) | 378 | .textOverflow({overflow: TextOverflow.Ellipsis}) |
| 379 | + .margin({left: 12}) | ||
| 374 | } | 380 | } |
| 375 | .margin({bottom: 16}) | 381 | .margin({bottom: 16}) |
| 376 | .justifyContent(FlexAlign.Start) | 382 | .justifyContent(FlexAlign.Start) |
| @@ -420,6 +426,7 @@ export struct ZhSingleRow03 { | @@ -420,6 +426,7 @@ export struct ZhSingleRow03 { | ||
| 420 | .padding({top: 12, bottom: 12, left: 12, right: 12}) | 426 | .padding({top: 12, bottom: 12, left: 12, right: 12}) |
| 421 | .backgroundColor(0xf9f9f9) | 427 | .backgroundColor(0xf9f9f9) |
| 422 | .margin({right: 8}) | 428 | .margin({right: 8}) |
| 429 | + .borderRadius(4) | ||
| 423 | .onClick(() => { | 430 | .onClick(() => { |
| 424 | InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName) | 431 | InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName) |
| 425 | ProcessUtils.processPage(item) | 432 | ProcessUtils.processPage(item) |
-
Please register or login to post a comment