Showing
1 changed file
with
14 additions
and
4 deletions
| @@ -220,6 +220,9 @@ export struct ZhSingleRow03 { | @@ -220,6 +220,9 @@ export struct ZhSingleRow03 { | ||
| 220 | .margin({left: 1.5 * (this.moreWidth - this.initMoreWidth)}) | 220 | .margin({left: 1.5 * (this.moreWidth - this.initMoreWidth)}) |
| 221 | } | 221 | } |
| 222 | } | 222 | } |
| 223 | + .constraintSize({ | ||
| 224 | + minWidth: '100%' | ||
| 225 | + }) | ||
| 223 | } | 226 | } |
| 224 | .align(Alignment.Start) | 227 | .align(Alignment.Start) |
| 225 | .scrollable(this.compDTO.operDataList.length >= 2 ? ScrollDirection.Horizontal : ScrollDirection.None) | 228 | .scrollable(this.compDTO.operDataList.length >= 2 ? ScrollDirection.Horizontal : ScrollDirection.None) |
| @@ -259,7 +262,7 @@ export struct ZhSingleRow03 { | @@ -259,7 +262,7 @@ export struct ZhSingleRow03 { | ||
| 259 | ItemCard(item: ContentDTO) { | 262 | ItemCard(item: ContentDTO) { |
| 260 | if (this.compDTO.operDataList.length >= 2) { | 263 | if (this.compDTO.operDataList.length >= 2) { |
| 261 | Column() { | 264 | Column() { |
| 262 | - Row() { | 265 | + Flex({alignContent: FlexAlign.Start}) { |
| 263 | Image(this.loadImg ? item.coverUrl : '') | 266 | Image(this.loadImg ? item.coverUrl : '') |
| 264 | .backgroundColor(0xf5f5f5) | 267 | .backgroundColor(0xf5f5f5) |
| 265 | .borderRadius(4) | 268 | .borderRadius(4) |
| @@ -269,15 +272,18 @@ export struct ZhSingleRow03 { | @@ -269,15 +272,18 @@ export struct ZhSingleRow03 { | ||
| 269 | width: 0.7, | 272 | width: 0.7, |
| 270 | color: '#EDEDED', | 273 | color: '#EDEDED', |
| 271 | }) | 274 | }) |
| 275 | + .flexShrink(0) | ||
| 272 | 276 | ||
| 273 | 277 | ||
| 274 | Text(item.newsTitle) | 278 | Text(item.newsTitle) |
| 275 | - .width(154) | ||
| 276 | - .height(60) | 279 | + .constraintSize({ |
| 280 | + maxHeight: 60 | ||
| 281 | + }) | ||
| 277 | .maxLines(3) | 282 | .maxLines(3) |
| 278 | .fontSize(15) | 283 | .fontSize(15) |
| 279 | .textOverflow({overflow: TextOverflow.Ellipsis}) | 284 | .textOverflow({overflow: TextOverflow.Ellipsis}) |
| 280 | .margin({left: 12}) | 285 | .margin({left: 12}) |
| 286 | + .flexShrink(1) | ||
| 281 | } | 287 | } |
| 282 | .margin({bottom: 16}) | 288 | .margin({bottom: 16}) |
| 283 | 289 | ||
| @@ -348,7 +354,11 @@ export struct ZhSingleRow03 { | @@ -348,7 +354,11 @@ export struct ZhSingleRow03 { | ||
| 348 | 354 | ||
| 349 | } | 355 | } |
| 350 | } | 356 | } |
| 351 | - .width(298) | 357 | + // .width(298) |
| 358 | + .constraintSize({ | ||
| 359 | + minWidth: 298, | ||
| 360 | + maxWidth: '60%' | ||
| 361 | + }) | ||
| 352 | .height(116) | 362 | .height(116) |
| 353 | .padding({top: 12, bottom: 12, left: 12, right: 12}) | 363 | .padding({top: 12, bottom: 12, left: 12, right: 12}) |
| 354 | .backgroundColor(0xf9f9f9) | 364 | .backgroundColor(0xf9f9f9) |
-
Please register or login to post a comment