HarmonyOS开发者社区

@Component 
@Preview 
export default struct PrimaryButton { 
  text: ResourceStr = '' 
 
  build() { 
    Button(this.text) 
      .fontColor($r('app.color.white')) 
      .fontSize($r('app.float.font_16')) 
      .height("45vp") 
      .width("100%") 
      .enabled(true) 
      .stateEffect(true) 
      .backgroundColor($r('app.color.trans')) 
      .stateStyles({ 
        normal: { 
          .backgroundColor($r('app.color.primary_button')) 
          // .linearGradient({ 
          //   direction: GradientDirection.Right, 
          //   colors: [[0x67CF7C, 0], [0x39C9A0, 1]] 
          // }) 
        }, 
        disabled: { 
          .backgroundColor($r('app.color.font_black_ccc')) 
          // .linearGradient({ 
          //   colors: [[0xccc, 0], [0xccc, 1]] 
          // }) 
        } 
      }) 
  } 
}

用上之后，不管是enable还是disable，效果都不正确