网站建设手机源码,抖音代运营海报,廊坊市建设局网站,小语种建站Styles可以定义在组件内或全局#xff0c;在全局定义时需在方法名前面添加function关键字#xff0c;组件内定义时则不需要添加function关键字。
组件内Styles的优先级高于全局Styles。 框架优先找当前组件内的Styles#xff0c;如果找不到#xff0c;则会全局查找。
// …Styles可以定义在组件内或全局在全局定义时需在方法名前面添加function关键字组件内定义时则不需要添加function关键字。
组件内Styles的优先级高于全局Styles。 框架优先找当前组件内的Styles如果找不到则会全局查找。
// 全局
Styles function functionName() { ... }// 在组件内
Component
struct FancyUse {Styles fancy() {.height(100)}
}// 定义在全局的Styles封装的样式
Styles function globalFancy () {.width(150).height(100).backgroundColor(Color.Pink)
}Entry
Component
struct FancyUse {State heightValue: number 100// 定义在组件内的Styles封装的样式Styles fancy() {.width(200).height(this.heightValue).backgroundColor(Color.Yellow).onClick(() {this.heightValue 200})}build() {Column({ space: 10 }) {// 使用全局的Styles封装的样式Text(FancyA).globalFancy ().fontSize(30)// 使用组件内的Styles封装的样式Text(FancyB).fancy().fontSize(30)}}
}
