HarmonyOS html文本,使用richtext组件展示不出来

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

参考下简版demo:

@Entry
@Component
struct RichText1 {
  @State data: string = '<h1 style="text-align: center;">h1标题</h1>' +
    '<h1 style="text-align: center;"><i>h1斜体</i></h1>' +
    '<h1 style="text-align: center;"><u>h1下划线</u></h1>' +
    '<h2 style="text-align: center;">h2标题</h2>' +
    '<h3 style="text-align: center;">h3标题</h3>' +
    '<p style="text-align: center;">p常规</p><hr/>' +
    '<div style="width: 500px;height: 500px;border: 1px solid;margin: 0 auto;">' +
    '<p style="font-size: 35px;text-align: center;font-weight: bold; color: rgb(24,78,228)">字体大小35px,行高45px</p>' +
    '<p style="background-color: #e5e5e5;line-height: 45px;font-size: 35px;text-indent: 2em;">' +
    '<p>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>' +
    '<p>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>' +
    "<font color='#9e8052' style='color:#9e8052;'>本产品中的门票由上海迪士尼乐园提供,按照上海迪士尼乐园规定,</font>" +
    "<font color='#ff7043' style='color:#ff7043;'>门票不可退</font>" +
    "<font color='#9e8052' style='color:#9e8052;'>敬请谅解。</font>"

  build() {
    Flex({
      direction: FlexDirection.Column, alignItems: ItemAlign.Center,
      justifyContent: FlexAlign.Center
    }) {
      RichText(this.data)
        .onStart(() => {
          console.info('RichText onStart');
        })
        .onComplete(() => {
          console.info('RichText onComplete');
        })
        .width('100%')
        .height(500)
        .backgroundColor(0XBDDB69)
      RichText('layoutWeight(1)')
        .onStart(() => {
          console.info('RichText onStart');
        })
        .onComplete(() => {
          console.info('RichText onComplete');
        })
        .size({ width: '100%', height: 110 })
        .backgroundColor(0X92D6CC)
        .layoutWeight(1)
      RichText('layoutWeight(2)')
        .onStart(() => {
          console.info('RichText onStart');
        })
        .onComplete(() => {
          console.info('RichText onComplete');
        })
        .size({ width: '100%', height: 110 })
        .backgroundColor(0X92C48D)
        .layoutWeight(2)
    }
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 加载html,图片显示不出来
21浏览 • 1回复 待解决
HarmonyOS 地图加载不出来
15浏览 • 1回复 待解决
HarmonyOS web组件接入链接渲染不出来
21浏览 • 1回复 待解决
HarmonyOS Lottie动画加载不出来
30浏览 • 1回复 待解决
HiLog日志打印不出来?
11199浏览 • 3回复 已解决
开启混淆后,卡片加载不出来
6380浏览 • 1回复 待解决
HarmonyOS list最后一个显示不出来
29浏览 • 1回复 待解决
HarmonyOS 多模块下悬浮窗显示不出来
387浏览 • 1回复 待解决
屏幕右移有时退软件还退不出来
6087浏览 • 1回复 待解决