首页 前端知识 13 @Styles与@extend的区别

13 @Styles与@extend的区别

2025-03-04 11:03:50 前端知识 前端哥 210 217 我要收藏

1 @style

@Styles仅仅支持通用属性和通用事件

@Styles可以定义在组件内或全局,在全局定义时需在方法名前面添加function关键字,组件内定义时则不需要添加function关键字。(只能在当前文件夹内使用)

定义在组件内的@Styles可以通过this访问组件的常量和状态变量,并可以在@Styles里通过事件来改变状态变量的值,示例如下:

@Component
struct FancyUse {
  @State heightValue: number = 100
  @Styles fancy() {
    .height(this.heightValue)
    .backgroundColor(Color.Yellow)
    .onClick(() => {
      this.heightValue = 200
    })
  }
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/22581.html
标签
harmonyos
评论
发布的文章

图论-腐烂的橘子

2025-03-04 11:03:06

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!