40、鸿蒙/布局/Flex实现标签效果
作者:
圆梦人生 | 来源:发表于
2024-07-31 09:20 被阅读0次案例
@Component
export struct FlexLayout2 {
build() {
Column(){
Text('课程选择').fontSize(26).padding(15).width('100%')
Flex({
wrap: FlexWrap.Wrap
}){
Text('JAVA').backgroundColor('#f1f1f1').padding(10).margin(5)
Text('VUE').backgroundColor('#f1f1f1').padding(10).margin(5)
Text('ArkTs').backgroundColor('#f1f1f1').padding(10).margin(5)
Text('数据库').backgroundColor('#f1f1f1').padding(10).margin(5)
Text('人工智能').backgroundColor('#f1f1f1').padding(10).margin(5)
}
}
}
}
Flex.png
本文标题：40、鸿蒙/布局/Flex实现标签效果
本文链接：https://www.haomeiwen.com/subject/gqsphjtx.html
网友评论