HarmonyOS 如何实现动态样式
@Extend(Text) function titleStyle() {
.width('100%')
.fontSize(14)
.fontColor('#969799')
.lineHeight(16)
.padding({
top: 16,
bottom: 8,
left: 16,
right: 16
})
}
@Extend(Column) function groupStyle() {
.width('100%')
.backgroundColor('#fff')
}
@Extend(Column) function insetStyle() {
.borderRadius(8)
.margin({
top: 0,
bottom: 0,
left: 16,
right: 16
})
}
@Component
export default struct CellGroup {
private title:string = '';
private inset:boolean = false;
@BuilderParam closer: () => void;
build() {
Column() {
if(this.title){
Text(this.title).titleStyle()
}
Column(){
this.closer()
}.groupStyle()
}
}
}
如何实现当inset为true时,Column追加上insetStyle()样式?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 如何实现剪裁样式
154浏览 • 1回复 待解决
HarmonyOS 如何实现气泡样式
251浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
343浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS Next中实现底部标签栏TabBar的动态标签样式?
583浏览 • 1回复 待解决
HarmonyOS如何实现动态缩放动画
748浏览 • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式?
288浏览 • 0回复 待解决
HarmonyOS 如何实现券组件的挖空样式
212浏览 • 1回复 待解决
HarmonyOS 动态hook实例方法如何实现?
996浏览 • 1回复 待解决
HarmonyOS 滑动条Slider,特殊滑块样式如何实现
191浏览 • 1回复 待解决
如何在HarmonyOS中实现动态主题切换?
586浏览 • 0回复 待解决
如何在HarmonyOS中实现动态加载模块?
736浏览 • 1回复 待解决
HarmonyOS 动态渲染,组件形态能否实现动态渲染
828浏览 • 1回复 待解决
Progress的ScaleRing样式,如何实现loading效果
2010浏览 • 1回复 待解决
HarmonyOS 如何利用checkbox实现单选的样式和逻辑
576浏览 • 1回复 待解决
如何实现路由的动态跳转呢
727浏览 • 1回复 待解决
ArkTS 如何实现前端 position=absolute 样式的布局
1198浏览 • 1回复 待解决
HarmonyOS 如何实现动态添加组件到page?
617浏览 • 1回复 待解决
HarmonyOS平台如何动画动态计算属性值,来动态实现子组件的更新
2167浏览 • 1回复 待解决
是否支持模块的动态加载?如何实现
2832浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现跨文件样式复用?
446浏览 • 1回复 待解决
HarmonyOS如何实现一个对话框样式的pages?
651浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现ListItem的卡片样式?
449浏览 • 1回复 待解决
组合样式怎样去实现导入导出
2303浏览 • 1回复 待解决
HarmonyOS 文件资源动态下载能否实现
226浏览 • 1回复 待解决
如何实现一个仪表盘样式的组件?
698浏览 • 1回复 待解决
可以使用动态属性设置实现,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-attribute-modifier-V5
以下是参考的demo: