HarmonyOS span中如何设置圆角
使用span时设置内部文字的背景圆角无效
分别尝试了containerSpan和直接使用span，都无法在text中给部分文案设置背景，在HarmonyOS中span设置圆角没有效果
代码如下：
Text() {
Span(this.TIPS_PREFIX)
ContainerSpan() {
Span(this.model.getHour(this.remainSeconds.getObj()))
.padding(2)
}.textBackgroundStyle({ radius: 3, color: Color.White })
Span(':')
Span(this.model.getMinute(this.remainSeconds.getObj()))
.border({ color: $r("app.color.FFFFD5C9_FF5B3228"), radius: 3 })
.padding(2)
Span(':')
Span(this.model.getSecond(this.remainSeconds.getObj()))
.border({ color: $r("app.color.FFFFD5C9_FF5B3228"), radius: 3 })
.padding(2)
Span(this.TIPS_SUFFIX)
}
.fontSize(12)
.fontColor($r("app.color.FFFF6133"))
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.layoutWeight(1)
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS span是否可以设置背景颜色和圆角属性
840浏览 • 1回复 待解决
span不支持设置border，如何给文字设置圆角矩形背景
2070浏览 • 1回复 待解决
HarmonyOS Text的Span属性什么时候支持设置圆角和图片？
1252浏览 • 1回复 待解决
Text的子组件中包含多个Span，如何将其同意设置一个圆角矩形的背景?
1116浏览 • 1回复 待解决
HarmonyOS Canvas如何设置圆角
1020浏览 • 1回复 待解决
HarmonyOS Text中的span不能设置间距吗
881浏览 • 1回复 待解决
HarmonyOS Progress如何设置左边圆角。右边不需要圆角。
1220浏览 • 1回复 待解决
ArkTS中的borderRadius如何设置部分圆角，而不是四个角是圆角？
9196浏览 • 2回复 待解决
HarmonyOS 如何给span的背景设置padding
995浏览 • 1回复 待解决
HarmonyOS WebView 圆角设置失效
1052浏览 • 1回复 待解决
HarmonyOS CustomDialog怎么设置圆角
1505浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
1538浏览 • 1回复 待解决
HarmonyOS Span的属性设置失效
901浏览 • 1回复 待解决
HarmonyOS ClipShape如何设置仅顶部有圆角？
685浏览 • 1回复 待解决
Span不支持设置border，如何给文字设置背景
4110浏览 • 1回复 待解决
HarmonyOS @Builder 修饰的api中，设置圆角不起作用
1275浏览 • 1回复 待解决
HarmonyOS bindSheet怎么设置圆角大小
990浏览 • 1回复 待解决
HarmonyOS stack设置圆角不生效
1359浏览 • 1回复 待解决
UIAbility是否可以设置圆角
2613浏览 • 1回复 待解决
HarmonyOS string占位符中如何使用Span
959浏览 • 1回复 待解决
Span组件设置行间距间距
1653浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
2992浏览 • 1回复 待解决
HarmonyOS column设置圆角不起作用
1888浏览 • 1回复 待解决
HarmonyOS Text内部Span的宽度设置无效
1042浏览 • 1回复 待解决
HarmonyOS api10如何给子窗口设置圆角
1460浏览 • 1回复 待解决
span组件可以通过textBackgroundStyle属性设置圆角，参考文档：
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5#ZH-CN_TOPIC_0000001893211169__示例3
demo:
index.ets