陈剑华

fix: 19533 【UI走查-卡片】折叠屏展开-所有带图片的卡片,图片都要增加一个描边

Showing 27 changed files with 114 additions and 15 deletions
... ... @@ -41,9 +41,12 @@ export struct CardAdvBigImageComponent {
.backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
.width(CommonConstants.FULL_WIDTH)
.aspectRatio(16 / 9)
.borderRadius(4)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.border({
width: 0.5,
color: '#0D000000', // 5% 透明度的黑色
style: BorderStyle.Solid,
radius: 4
})
.width(CommonConstants.FULL_WIDTH)
CardAdvBottom({pageModel:this.pageModel,compDTO:this.compDTO}).margin({
... ...
... ... @@ -51,9 +51,12 @@ export struct CardAdvGanMiComponent {
.width(CommonConstants.FULL_WIDTH)
.backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
.aspectRatio(343 / 40)
.borderRadius(4)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.border({
width: 0.5,
color: '#0D000000', // 5% 透明度的黑色
style: BorderStyle.Solid,
radius: 4
})
// 广告标签和删除功能
CardAdvTop({ pageModel: this.pageModel, compDTO: this.compDTO })
... ... @@ -79,9 +82,12 @@ export struct CardAdvGanMiComponent {
.width('100%')
.backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
.aspectRatio(150 / 84)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.borderRadius(4)
.border({
width: 0.5,
color: '#0D000000', // 5% 透明度的黑色
style: BorderStyle.Solid,
radius: 4
})
Text(content.title)
.fontSize('16fp')
... ...
... ... @@ -44,9 +44,12 @@ export struct CardAdvLongImageComponent {
.backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
.width(CommonConstants.FULL_WIDTH)
.aspectRatio(343 / 96)
.borderRadius(4)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.border({
width: 0.5,
color: '#0D000000', // 5% 透明度的黑色
style: BorderStyle.Solid,
radius: 4
})
CardAdvBottom({ pageModel: this.pageModel, compDTO:this.compDTO }).margin({
top: 8,
... ...
... ... @@ -66,6 +66,7 @@ export struct CardAdvSmallImageComponent {
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.borderRadius(4)//.alt('wwww.baidu.com')
.borderStyle(BorderStyle.Solid)
.alignRules({
top: { anchor: 'title_name', align: VerticalAlign.Top },
left: { anchor: 'title_name', align: HorizontalAlign.End },
... ...
... ... @@ -57,6 +57,8 @@ export struct CardAdvThreeImageComponent {
bottomRight: index === 2 ? $r('app.float.image_border_radius') : 0,
})
.borderColor($r('app.color.color_0D000000'))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
}
}
})
... ...
... ... @@ -47,6 +47,7 @@ export struct CardAdvVideoComponent {
.borderRadius(4)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.borderStyle(BorderStyle.Solid)
//播放状态+时长
CardMediaInfo({
contentDTO: this.contentDTO, livePeopleNum:false,
... ...
... ... @@ -49,6 +49,7 @@ export struct CardAdvVideoExComponent {
.borderRadius(4)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.borderStyle(BorderStyle.Solid)
.onClick(() => {
ProcessUtils.openAdvDetail(this.compDTO.matInfo)
... ...
... ... @@ -122,6 +122,9 @@ export struct Card10Component {
topLeft: $r('app.float.image_border_radius'),
topRight: $r('app.float.image_border_radius')
})
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.onClick((event: ClickEvent) => {
InfomationCardClick.track(this.compDTO, this.contentDTO, this.pageId, this.pageName)
ProcessUtils.processPage(this.contentDTO)
... ... @@ -248,6 +251,9 @@ export struct Card10ComponentTimelineItem {
.height(78)
.objectFit(ImageFit.Cover)
.borderRadius($r('app.float.image_border_radius'))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.margin({ left: 12 })
CardMediaInfo({
contentDTO: this.createMediaInfoContent(this.slideItem)
... ...
... ... @@ -89,6 +89,7 @@ export struct Card14Component {
width: 1,
color: '#0D000000'
})
.borderStyle(BorderStyle.Solid)
.backgroundImageSize(ImageSize.Auto)
}
... ...
... ... @@ -83,6 +83,9 @@ export struct Card15Component {
Image(this.loadImg ? this.contentDTO.fullColumnImgUrls?.[0]?.url || this.contentDTO.fullColumnImgUrls?.[0]?.fullUrl : '')
.backgroundColor(0xf5f5f5)
.borderRadius($r('app.float.image_border_radius'))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
//播放状态+时长
CardMediaInfo({
contentDTO: this.contentDTO
... ...
... ... @@ -101,6 +101,10 @@ export struct Card16Component {
bottomLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
bottomRight: index === 2 ? $r('app.float.image_border_radius') : 0,
})
.border({
width: 1,
color: '#0D000000'
})
}
}
})
... ... @@ -174,6 +178,10 @@ struct createImg {
.width(CommonConstants.FULL_WIDTH)
.aspectRatio(16 / 9)
.borderRadius($r('app.float.image_border_radius'))
.border({
width: 1,
color: '#0D000000'
})
CardMediaInfo({ contentDTO: this.contentDTO })
}
.align(Alignment.BottomEnd)
... ... @@ -188,6 +196,10 @@ struct createImg {
.backgroundColor(0xf5f5f5)
.width(CommonConstants.FULL_WIDTH)
.borderRadius($r('app.float.image_border_radius'))
.border({
width: 1,
color: '#0D000000'
})
CardMediaInfo({ contentDTO: this.contentDTO })
}
.align(Alignment.BottomEnd)
... ...
... ... @@ -77,6 +77,9 @@ export struct Card17Component {
topLeft: $r('app.float.image_border_radius'),
bottomLeft: $r('app.float.image_border_radius'),
})
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
}
GridCol({ span: { xs: 4 } }) {
... ... @@ -89,6 +92,9 @@ export struct Card17Component {
.borderRadius({
topRight: $r('app.float.image_border_radius'),
})
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
}
}
... ... @@ -106,6 +112,9 @@ export struct Card17Component {
.borderRadius({
bottomRight: $r('app.float.image_border_radius'),
})
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
}
}
... ...
... ... @@ -233,12 +233,18 @@ struct createImg {
.height(198)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
} else if (this.getPicType(item.weight, item.height) === 2) {
Image(this.loadImg ? item.url || item.fullUrl : '')
.width('100%')
.height(305)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
}
this.longPicTip(item.weight, item.height)
... ... @@ -257,6 +263,9 @@ struct createImg {
.autoResize(true)
.aspectRatio(3/4)
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.opacity(!item.weight && !item.height ? 0 : 1)
.onComplete((event?) => {
this.onePicW = event?.width || 0;
... ... @@ -277,6 +286,9 @@ struct createImg {
})
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.opacity(!item.weight && !item.height ? 0 : 1)
.onComplete((event?) => {
this.onePicW = event?.width || 0;
... ... @@ -300,6 +312,9 @@ struct createImg {
.width('226lvp')
.height('226lvp')
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
if(this.getPicType(item.weight, item.height) !== 3){
this.longPicTip(item.weight, item.height)
}
... ... @@ -314,6 +329,9 @@ struct createImg {
.backgroundColor(0xf5f5f5)
.aspectRatio(1)
.borderRadius(this.caclImageRadius(index))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.width('100%')
.autoResize(true)
if (this.getPicType(item.weight, item.height) !== 3) {
... ...
... ... @@ -83,6 +83,9 @@ export struct Card21Component {
.backgroundColor(0xf5f5f5)
.width(CommonConstants.FULL_WIDTH)
.borderRadius($r('app.float.image_border_radius'))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
CardMediaInfo({ contentDTO: this.contentDTO })
}
.alignContent(Alignment.BottomEnd)
... ...
... ... @@ -107,6 +107,9 @@ export struct Card2Component {
.width(CommonConstants.FULL_WIDTH)
.aspectRatio(16 / 9)
.borderRadius($r('app.float.image_border_radius'))
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.backgroundColor(0xf5f5f5)
//播放状态+时长
CardMediaInfo({
... ...
... ... @@ -110,6 +110,9 @@ export struct Card4Component {
bottomLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
bottomRight: index === 2 ? $r('app.float.image_border_radius') : 0,
})
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
}
}
})
... ...
... ... @@ -63,6 +63,9 @@ export struct Card5Component {
bottomRight: $r('app.float.image_border_radius')
}
)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.height(this.loadImg ? '' : 114)
.autoResize(true)
if (this.titleShowPolicy == 1) {
... ...
... ... @@ -125,6 +125,7 @@ export struct Card6Component {
.aspectRatio(this.contentDTO.appStyle === CompStyle.Card_13 ? 3 / 2 : 3 / 4)
.height(this.contentDTO.appStyle === CompStyle.Card_13 ? 78 : 156)
.border({width: 1, color: 0xf5f5f5})
.borderStyle(BorderStyle.Solid)
CardMediaInfo({ contentDTO: this.contentDTO })
}
... ...
... ... @@ -44,6 +44,7 @@ export struct LiveBigImage01Component {
topLeft: '4vp',
topRight: '4vp'
})
.borderStyle(BorderStyle.Solid)
this.LiveImage()
... ...
... ... @@ -225,6 +225,9 @@ struct CarouselLayout01CardView {
.objectFit(ImageFit.Cover)
.backgroundColor(0xf5f5f5)
.borderRadius(this.showPicBorderRadius ? $r('app.float.image_border_radius') : 0)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
Stack() {
Row()
... ...
... ... @@ -61,6 +61,7 @@ export struct ZhGridLayout02NewsContent {
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
.borderRadius(4)
.borderStyle(BorderStyle.Solid)
if (this.compDTO.operDataList[index].liveRoomDataBean != undefined
&& this.compDTO.operDataList[index].liveRoomDataBean?.pv != undefined) {
Text(this.computeShowNum(this.compDTO.operDataList[index].liveRoomDataBean))
... ...
... ... @@ -61,9 +61,10 @@ export struct ZhGridLayout03 {
.backgroundColor(0xf5f5f5)
.width(44)
.aspectRatio(1 / 1)
// .margin({
// bottom: 16
// })
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
Text(item.newsTitle)
.fontSize(13)
.maxLines(1)
... ...
... ... @@ -186,6 +186,9 @@ export struct ZhSingleColumn09 {
.width('100%')
.height('100%')
.borderRadius(3)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
Row() {
}
.width('100%')
... ...
... ... @@ -241,6 +241,9 @@ struct CreatorItem {
.height(208)
.backgroundColor(0xf5f5f5)
.borderRadius(4)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
Row()
.width(156)
... ...
... ... @@ -271,6 +271,7 @@ export struct ZhSingleRow03 {
.border({
width: 0.7,
color: '#EDEDED',
style: BorderStyle.Solid
})
.flexShrink(0)
... ... @@ -379,6 +380,7 @@ export struct ZhSingleRow03 {
.border({
width: 0.7,
color: '#EDEDED',
style: BorderStyle.Solid
})
Text(item.newsTitle)
... ...
... ... @@ -44,6 +44,9 @@ export struct AppointmentListChildComponent {
.objectFit(ImageFit.Auto)
.interpolation(ImageInterpolation.High)
.borderRadius(4)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
if (this.item.status == "wait") {
... ...
... ... @@ -159,6 +159,9 @@ export struct LiveHorizontalCardComponent {
.width(this.compDTO.operDataList.length == 2 ? 210 : 150)
// .borderRadius(4)
.objectFit(ImageFit.Contain)
.borderStyle(BorderStyle.Solid)
.borderWidth(0.5)
.borderColor($r('app.color.color_0D000000'))
CardMediaInfo({
livePeopleNum:false,
contentDTO: item
... ...