HarmonyOS 如何给span的背景设置padding

如图想给标签1的背景加入padding,而不是紧挨着文字,另外如何设置span之间的距离。

HarmonyOS 如何给span的背景设置padding -鸿蒙开发者社区

HarmonyOS
2025-01-09 16:42:49
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

span组件不支持margin和padding属性,span作为Text、ContainerSpan组件的子组件,仅支持文本通用属性。另外可以继承父组件Text的属性,支持继承的属性仅包括:fontColor、fontSize、fontStyle、fontWeight、decoration、letterSpacing、textCase、fontfamily、textShadow。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5#属性

可以使用row和text组件实现,参考示例如下:

Row() {
  if (this.item.userType === 0) {
    Text('标签1')
      .padding(2)
      .margin(2)
      .fontSize(14)
      .letterSpacing(2)
      .fontColor(Color.White)
      .backgroundColor("#FDE2C6")
      .borderRadius(4)
  } else {
    Text('内容内容内容内容内容内容内容内容内容内容内容')
      .padding(2)
      .margin(2)
      .fontSize(14)
      .letterSpacing(2)
      .fontColor(Color.White)
      .backgroundColor("#FDE2C6")
      .borderRadius(4)
  }
  // 用户名
  Text(this.item.name + ':').fontSize(16).fontColor('#999999')
  // 文本内容
  Text(this.item.content).fontSize(16).fontColor('#1a1a1a')
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
分享
微博
QQ
微信
回复
2025-01-09 19:17:45
相关问题
HarmonyOS Span 可以设置padding
1067浏览 • 1回复 待解决
HarmonyOS span如何设置圆角
898浏览 • 1回复 待解决
HarmonyOS Span属性设置失效
341浏览 • 1回复 待解决
HarmonyOS 如何设置SubWindow背景颜色
394浏览 • 1回复 待解决
HarmonyOS 如何设置布局背景阴影
367浏览 • 1回复 待解决
HarmonyOS Text内部Span宽度设置无效
481浏览 • 1回复 待解决
如何设置窗口背景
2318浏览 • 1回复 待解决
如何设置WebView背景色?
1381浏览 • 1回复 待解决
HarmonyOS 如何image设置遮罩 ?
892浏览 • 1回复 待解决
HarmonyOS DigitIndicator背景怎么设置
286浏览 • 1回复 待解决
HarmonyOS UIAbility如何设置透明背景
562浏览 • 1回复 待解决