chenjun

人民号-我的关注横划卡 去掉阴影 增加边框

1 @Component 1 @Component
  2 +//人民号-我的关注横划卡-头像
2 export struct PeopleShipHomePageHeadComponent { 3 export struct PeopleShipHomePageHeadComponent {
3 @State diameter: number = 30 4 @State diameter: number = 30
4 @State iconDiameter: number = 10 5 @State iconDiameter: number = 10
@@ -13,10 +14,15 @@ export struct PeopleShipHomePageHeadComponent { @@ -13,10 +14,15 @@ export struct PeopleShipHomePageHeadComponent {
13 .width(this.diameter) 14 .width(this.diameter)
14 .height(this.diameter) 15 .height(this.diameter)
15 .borderRadius(this.diameter/2) 16 .borderRadius(this.diameter/2)
16 - .borderWidth('0.5vp')  
17 - .borderStyle(BorderStyle.Solid)  
18 - .shadow({radius: 10, color: '#222226bd'})  
19 - .borderColor(Color.White) 17 + // .borderWidth('0.5vp')
  18 + .border({
  19 + width: 0.5,
  20 + color: '#0D000000', // 5% 透明度的黑色
  21 + style: BorderStyle.Solid
  22 + })
  23 + // .borderStyle(BorderStyle.Solid)
  24 + // .shadow({radius: 10, color: '#222226bd'})
  25 + // .borderColor(Color.White)
20 .objectFit(ImageFit.Cover) 26 .objectFit(ImageFit.Cover)
21 .backgroundColor(Color.White) 27 .backgroundColor(Color.White)
22 if(this.authIcon.length > 0 ) { 28 if(this.authIcon.length > 0 ) {