王士厅

fix: 兴趣选择卡ui修改

@@ -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)