Showing
3 changed files
with
21 additions
and
8 deletions
| @@ -224,7 +224,7 @@ export struct CompParser { | @@ -224,7 +224,7 @@ export struct CompParser { | ||
| 224 | } else { | 224 | } else { |
| 225 | Divider().strokeWidth(5).color('#f5f5f5').width('120%').margin({left: -6}) | 225 | Divider().strokeWidth(5).color('#f5f5f5').width('120%').margin({left: -6}) |
| 226 | } | 226 | } |
| 227 | - } else if (this.compDTO.compType === 'appStyle' || this.compDTO.compStyle === CompStyle.Zh_Single_Row_01 || this.compDTO.compStyle === CompStyle.Card_Comp_Adv || this.compDTO.compStyle === CompStyle.Zh_Single_Column_02) { | 227 | + } else if (this.compDTO.compType === 'appStyle' || this.compDTO.compStyle === CompStyle.Zh_Single_Row_01 || this.compDTO.compStyle === CompStyle.Zh_Single_Row_03 || this.compDTO.compStyle === CompStyle.Card_Comp_Adv || this.compDTO.compStyle === CompStyle.Zh_Single_Column_02) { |
| 228 | if ( | 228 | if ( |
| 229 | this.nextCompDTO.compStyle === CompStyle.Card_09 || | 229 | this.nextCompDTO.compStyle === CompStyle.Card_09 || |
| 230 | this.nextCompDTO?.operDataList?.[0]?.appStyle === CompStyle.Card_10 || | 230 | this.nextCompDTO?.operDataList?.[0]?.appStyle === CompStyle.Card_10 || |
| @@ -94,12 +94,12 @@ export struct ZhSingleColumn09 { | @@ -94,12 +94,12 @@ export struct ZhSingleColumn09 { | ||
| 94 | .fontColor(0x000000) | 94 | .fontColor(0x000000) |
| 95 | .fontWeight(600) | 95 | .fontWeight(600) |
| 96 | .width('70%') | 96 | .width('70%') |
| 97 | - .margin({bottom: 4}) | 97 | + .padding({bottom: 4}) |
| 98 | 98 | ||
| 99 | Text('选中标签,为您推荐更多您感兴趣的内容') | 99 | Text('选中标签,为您推荐更多您感兴趣的内容') |
| 100 | .fontSize(12) | 100 | .fontSize(12) |
| 101 | .fontColor(0xB0B0B0) | 101 | .fontColor(0xB0B0B0) |
| 102 | - .margin({bottom: 10}) | 102 | + .padding({bottom: 10}) |
| 103 | .width('70%') | 103 | .width('70%') |
| 104 | } | 104 | } |
| 105 | 105 | ||
| @@ -131,12 +131,16 @@ export struct ZhSingleColumn09 { | @@ -131,12 +131,16 @@ export struct ZhSingleColumn09 { | ||
| 131 | .backgroundColor(0xf5f5f5) | 131 | .backgroundColor(0xf5f5f5) |
| 132 | .width('100%') | 132 | .width('100%') |
| 133 | .height('100%') | 133 | .height('100%') |
| 134 | + .borderRadius(3) | ||
| 134 | Text(item.newsTitle) | 135 | Text(item.newsTitle) |
| 135 | .width('100%') | 136 | .width('100%') |
| 136 | .height('100%') | 137 | .height('100%') |
| 137 | .fontSize(14) | 138 | .fontSize(14) |
| 138 | .textAlign(TextAlign.Center) | 139 | .textAlign(TextAlign.Center) |
| 139 | .fontColor(0xffffff) | 140 | .fontColor(0xffffff) |
| 141 | + .backgroundColor('rgba(0, 0, 0, 1)') | ||
| 142 | + .opacity(0.4) | ||
| 143 | + .borderRadius(3) | ||
| 140 | Image($r('app.media.icon_selected')) | 144 | Image($r('app.media.icon_selected')) |
| 141 | .width(14) | 145 | .width(14) |
| 142 | .height(14) | 146 | .height(14) |
| @@ -145,7 +149,6 @@ export struct ZhSingleColumn09 { | @@ -145,7 +149,6 @@ export struct ZhSingleColumn09 { | ||
| 145 | } | 149 | } |
| 146 | .width('100%') | 150 | .width('100%') |
| 147 | .height('100%') | 151 | .height('100%') |
| 148 | - .borderRadius(4) | ||
| 149 | } | 152 | } |
| 150 | .margin({right: index % 4 === 3 ? 0 : 6, bottom: 6}) | 153 | .margin({right: index % 4 === 3 ? 0 : 6, bottom: 6}) |
| 151 | .onClick(() => { | 154 | .onClick(() => { |
| @@ -179,15 +182,25 @@ export struct ZhSingleColumn09 { | @@ -179,15 +182,25 @@ export struct ZhSingleColumn09 { | ||
| 179 | this.activeIndexs = []; | 182 | this.activeIndexs = []; |
| 180 | } | 183 | } |
| 181 | }) | 184 | }) |
| 182 | - | ||
| 183 | - Image($r("app.media.close_button")) | ||
| 184 | - .width(14) | ||
| 185 | - .height(14) | 185 | + Row() { |
| 186 | + Image($r("app.media.close_button_new")) | ||
| 187 | + .width(9) | ||
| 188 | + .height(9) | ||
| 186 | .onClick(() => { | 189 | .onClick(() => { |
| 187 | this.trackClick('close_interest_card_click') | 190 | this.trackClick('close_interest_card_click') |
| 188 | this.selfClosed = true; | 191 | this.selfClosed = true; |
| 189 | }) | 192 | }) |
| 190 | } | 193 | } |
| 194 | + .height(14) | ||
| 195 | + .width(18) | ||
| 196 | + .border({ | ||
| 197 | + width: 0.5, | ||
| 198 | + color: '#EDEDED', | ||
| 199 | + radius: 4 | ||
| 200 | + }) | ||
| 201 | + .alignItems(VerticalAlign.Center) | ||
| 202 | + .justifyContent(FlexAlign.Center) | ||
| 203 | + } | ||
| 191 | .height(20) | 204 | .height(20) |
| 192 | .width('100%') | 205 | .width('100%') |
| 193 | .borderRadius(3) | 206 | .borderRadius(3) |
-
Please register or login to post a comment