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')
}
分享
微博
QQ
微信
回复
2025-01-09 19:17:45
相关问题
HarmonyOS Span 可以设置padding
897浏览 • 1回复 待解决
HarmonyOS span如何设置圆角
735浏览 • 1回复 待解决
HarmonyOS Span属性设置失效
228浏览 • 1回复 待解决
HarmonyOS 如何设置SubWindow背景颜色
275浏览 • 1回复 待解决
HarmonyOS 如何设置布局背景阴影
194浏览 • 1回复 待解决
HarmonyOS Text内部Span宽度设置无效
318浏览 • 1回复 待解决
HarmonyOS 如何image设置遮罩 ?
695浏览 • 1回复 待解决
如何设置窗口背景
2173浏览 • 1回复 待解决
如何设置WebView背景色?
1068浏览 • 1回复 待解决
HarmonyOS UIAbility如何设置透明背景
392浏览 • 1回复 待解决
HarmonyOS DigitIndicator背景怎么设置
175浏览 • 1回复 待解决