王士厅

fix: 兴趣选择卡ui修改

... ... @@ -224,7 +224,7 @@ export struct CompParser {
} else {
Divider().strokeWidth(5).color('#f5f5f5').width('120%').margin({left: -6})
}
} 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) {
} 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) {
if (
this.nextCompDTO.compStyle === CompStyle.Card_09 ||
this.nextCompDTO?.operDataList?.[0]?.appStyle === CompStyle.Card_10 ||
... ...
... ... @@ -94,12 +94,12 @@ export struct ZhSingleColumn09 {
.fontColor(0x000000)
.fontWeight(600)
.width('70%')
.margin({bottom: 4})
.padding({bottom: 4})
Text('选中标签,为您推荐更多您感兴趣的内容')
.fontSize(12)
.fontColor(0xB0B0B0)
.margin({bottom: 10})
.padding({bottom: 10})
.width('70%')
}
... ... @@ -131,12 +131,16 @@ export struct ZhSingleColumn09 {
.backgroundColor(0xf5f5f5)
.width('100%')
.height('100%')
.borderRadius(3)
Text(item.newsTitle)
.width('100%')
.height('100%')
.fontSize(14)
.textAlign(TextAlign.Center)
.fontColor(0xffffff)
.backgroundColor('rgba(0, 0, 0, 1)')
.opacity(0.4)
.borderRadius(3)
Image($r('app.media.icon_selected'))
.width(14)
.height(14)
... ... @@ -145,7 +149,6 @@ export struct ZhSingleColumn09 {
}
.width('100%')
.height('100%')
.borderRadius(4)
}
.margin({right: index % 4 === 3 ? 0 : 6, bottom: 6})
.onClick(() => {
... ... @@ -179,14 +182,24 @@ export struct ZhSingleColumn09 {
this.activeIndexs = [];
}
})
Image($r("app.media.close_button"))
.width(14)
.height(14)
.onClick(() => {
this.trackClick('close_interest_card_click')
this.selfClosed = true;
})
Row() {
Image($r("app.media.close_button_new"))
.width(9)
.height(9)
.onClick(() => {
this.trackClick('close_interest_card_click')
this.selfClosed = true;
})
}
.height(14)
.width(18)
.border({
width: 0.5,
color: '#EDEDED',
radius: 4
})
.alignItems(VerticalAlign.Center)
.justifyContent(FlexAlign.Center)
}
.height(20)
.width('100%')
... ...