【HarmonyOS】对动态文本中的字体颜色调整

最新推荐文章于 2024-10-06 15:36:13 发布

不懂装懂的不懂

最新推荐文章于 2024-10-06 15:36:13 发布

阅读量564

点赞数 5

分类专栏：鸿蒙文章标签： harmonyos

本文链接：https://blog.csdn.net/m0_65041204/article/details/141679623

版权

鸿蒙专栏收录该内容

3 篇文章 1 订阅

订阅专栏

一、需求说明

对整体段落中的部分文字的颜色进行调整，如下图：

二、需求分析

该段文字展示时为一个整体段落，可以使用Text组件嵌套Span组件进行实现。

Span 只能作为 Text 和 RichEditor 组件的子组件显示文本内容。可以在一个Text内添加多个Span来显示一段信息，例如产品说明书、承诺书等。

Span组件需要写到Text组件内，单独写Span组件不会显示信息，Text与Span同时配置文本内容时，Span内容覆盖Text内容。

三、解决办法

Column() {
  Text() {
    Span(`您已经成功完成报名。请在 `)
      .fontSize(14)
      .fontColor('#616366')
    Span(`开始时间 - 结束时间（具体时间由各市根据实际情况安排）`)
      .fontSize(14)
      .fontColor('#fd7e2b')
    Span(`前往现场审查,否则视为放弃考试报名。`)
      .fontSize(14)
      .fontColor('#616366')
  }
  .lineHeight(20)
}
.width('100%')
.padding(12)
.backgroundColor('#FFF')