Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool into main
* 'main' of http://192.168.1.42/developOne/harmonyPool: 组件样式优化
Showing
4 changed files
with
12 additions
and
6 deletions
| @@ -24,6 +24,7 @@ export struct CompStyle_09 { | @@ -24,6 +24,7 @@ export struct CompStyle_09 { | ||
| 24 | // 大图 | 24 | // 大图 |
| 25 | Image(this.compDTO.operDataList[0].coverUrl) | 25 | Image(this.compDTO.operDataList[0].coverUrl) |
| 26 | .width('100%') | 26 | .width('100%') |
| 27 | + .borderRadius({topLeft: $r('app.float.image_border_radius'), topRight: $r('app.float.image_border_radius')}) | ||
| 27 | // 时间线--后端返回三个, | 28 | // 时间线--后端返回三个, |
| 28 | Column(){ | 29 | Column(){ |
| 29 | ForEach(this.compDTO.operDataList[0].slideShows, (item:slideShows, index:number) => { | 30 | ForEach(this.compDTO.operDataList[0].slideShows, (item:slideShows, index:number) => { |
| @@ -44,7 +45,7 @@ export struct CompStyle_09 { | @@ -44,7 +45,7 @@ export struct CompStyle_09 { | ||
| 44 | .backgroundColor($r('app.color.color_F5F5F5')) | 45 | .backgroundColor($r('app.color.color_F5F5F5')) |
| 45 | .width(CommonConstants.FULL_WIDTH) | 46 | .width(CommonConstants.FULL_WIDTH) |
| 46 | .height(40) | 47 | .height(40) |
| 47 | - .borderRadius(3) | 48 | + .borderRadius($r('app.float.button_border_radius')) |
| 48 | .justifyContent(FlexAlign.Center) | 49 | .justifyContent(FlexAlign.Center) |
| 49 | .margin({top: 5}) | 50 | .margin({top: 5}) |
| 50 | } | 51 | } |
| @@ -103,7 +104,7 @@ export struct CompStyle_09 { | @@ -103,7 +104,7 @@ export struct CompStyle_09 { | ||
| 103 | Image(item.fullColumnImgUrls[0].url) | 104 | Image(item.fullColumnImgUrls[0].url) |
| 104 | .width(90) | 105 | .width(90) |
| 105 | .height(60) | 106 | .height(60) |
| 106 | - .borderRadius(4) | 107 | + .borderRadius($r('app.float.image_border_radius')) |
| 107 | } | 108 | } |
| 108 | } | 109 | } |
| 109 | } | 110 | } |
| @@ -26,6 +26,7 @@ export struct CompStyle_10 { | @@ -26,6 +26,7 @@ export struct CompStyle_10 { | ||
| 26 | // 大图 | 26 | // 大图 |
| 27 | Image(this.compDTO.operDataList[0] && this.compDTO.operDataList[0].coverUrl) | 27 | Image(this.compDTO.operDataList[0] && this.compDTO.operDataList[0].coverUrl) |
| 28 | .width('100%') | 28 | .width('100%') |
| 29 | + .borderRadius({topLeft: $r('app.float.image_border_radius'), topRight: $r('app.float.image_border_radius')}) | ||
| 29 | .onClick((event: ClickEvent) => { | 30 | .onClick((event: ClickEvent) => { |
| 30 | ProcessUtils.processPage(this.compDTO?.operDataList[0]) | 31 | ProcessUtils.processPage(this.compDTO?.operDataList[0]) |
| 31 | }) | 32 | }) |
| @@ -49,7 +50,7 @@ export struct CompStyle_10 { | @@ -49,7 +50,7 @@ export struct CompStyle_10 { | ||
| 49 | .backgroundColor($r('app.color.color_F5F5F5')) | 50 | .backgroundColor($r('app.color.color_F5F5F5')) |
| 50 | .width(CommonConstants.FULL_WIDTH) | 51 | .width(CommonConstants.FULL_WIDTH) |
| 51 | .height(40) | 52 | .height(40) |
| 52 | - .borderRadius(3) | 53 | + .borderRadius($r('app.float.button_border_radius')) |
| 53 | .justifyContent(FlexAlign.Center) | 54 | .justifyContent(FlexAlign.Center) |
| 54 | .margin({top: 5}) | 55 | .margin({top: 5}) |
| 55 | .onClick((event: ClickEvent) => { | 56 | .onClick((event: ClickEvent) => { |
| @@ -105,7 +106,7 @@ export struct CompStyle_10 { | @@ -105,7 +106,7 @@ export struct CompStyle_10 { | ||
| 105 | .width(117) | 106 | .width(117) |
| 106 | .height(78) | 107 | .height(78) |
| 107 | .objectFit(ImageFit.Cover) | 108 | .objectFit(ImageFit.Cover) |
| 108 | - .borderRadius(4) | 109 | + .borderRadius($r('app.float.image_border_radius')) |
| 109 | .margin({left: 12}) | 110 | .margin({left: 12}) |
| 110 | } | 111 | } |
| 111 | } | 112 | } |
| @@ -47,7 +47,7 @@ export struct ZhGridLayoutComponent { | @@ -47,7 +47,7 @@ export struct ZhGridLayoutComponent { | ||
| 47 | buildItemCard(item: ContentDTO) { | 47 | buildItemCard(item: ContentDTO) { |
| 48 | Column() { | 48 | Column() { |
| 49 | Image(item.coverUrl) | 49 | Image(item.coverUrl) |
| 50 | - .borderRadius(5) | 50 | + .width(44) |
| 51 | .aspectRatio(1 / 1) | 51 | .aspectRatio(1 / 1) |
| 52 | .margin(16) | 52 | .margin(16) |
| 53 | Text(item.newsTitle) | 53 | Text(item.newsTitle) |
| @@ -82,7 +82,11 @@ | @@ -82,7 +82,11 @@ | ||
| 82 | }, | 82 | }, |
| 83 | { | 83 | { |
| 84 | "name": "image_border_radius", | 84 | "name": "image_border_radius", |
| 85 | - "value": "8vp" | 85 | + "value": "5vp" |
| 86 | + }, | ||
| 87 | + { | ||
| 88 | + "name": "button_border_radius", | ||
| 89 | + "value": "3vp" | ||
| 86 | }, | 90 | }, |
| 87 | { | 91 | { |
| 88 | "name": "border_radius_6", | 92 | "name": "border_radius_6", |
-
Please register or login to post a comment