如果多个组件的样式是一样的,如何快速定义复用样式?

如果多个组件的样式是一样的,如何快速定义复用样式?

HarmonyOS
2024-07-11 11:11:45
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
droidzxy

可以使用@Styles用于样式的扩展,在@Styles的基础上,鸿蒙还提供了@Extend,用于扩展原生组件样式。


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

​和@Styles不同,@Extend支持封装指定组件的私有属性、私有事件和自身定义的全局方法。

分享
微博
QQ
微信
回复
2024-07-11 16:57:42
十根玉米

例如:Text1和Text2的width,height,margin都一样

Text("Text1")
  .width(100)
  .height(150)
  .margin(20)

Text("Text2")
  .width(100)
  .height(150)
  .margin(20)

使用@Styles注解后,只需要封装textStyle方法,Text组件只需调用textStyle方法即可实现相同的效果。

@Styles
function textStyle() {
  .width(100)
  .height(150)
  .margin(20)
}


Text("Text1")
  .textStyle()
Text("Text2")
  .textStyle()
分享
微博
QQ
微信
回复
2024-07-12 10:03:26
相关问题
HarmonyOS 如何全局复用样式
311浏览 • 1回复 待解决
HarmonyOS 跨文件样式复用
70浏览 • 1回复 待解决
鸿蒙怎么实现UI控件样式复用
7700浏览 • 3回复 待解决
鸿蒙组件toast自定义样式
8760浏览 • 1回复 待解决
HarmonyOS如何定义视频组件样式
377浏览 • 1回复 待解决
@Extend样式如何组件共享?
2335浏览 • 1回复 待解决
如何定义滚动条样式
508浏览 • 1回复 待解决
如何实现个自定义样式toast提示
1906浏览 • 1回复 待解决
如何定义Video组件控制栏样式
2347浏览 • 1回复 待解决
如何实现个仪表盘样式组件
381浏览 • 1回复 待解决
CounterComponent样式是否可以自定义
192浏览 • 1回复 待解决
Web组件获取高度不一样
2213浏览 • 1回复 待解决
HarmonyOS 如何设定tabs组件tabbar样式
534浏览 • 1回复 待解决