HarmonyOS RichText 展示问题

build() { 
  Column() { 
    Row({space:10}) { 
      Column() { 
        RichText(  this.item.title ?? "" ) 
          .width("100%") 
          .height(80) 
 
        Text(this.item.desc ?? "") 
          .fontSize(12) 
          .fontColor(0x9e9e9e) 
 
      } 
      .margin({left: 10}) 
      .layoutWeight(1) 
      .alignItems(HorizontalAlign.Start) 
      .justifyContent(FlexAlign.SpaceAround) 
      .height('100%') 
 
      Blank() 
 
      Image(this.item.banner ?? "") 
        .width(this.picWidth) 
        .objectFit(ImageFit.Fill) 
        .height( this.picWidth * 0.75 ) 
        .borderRadius(4) 
    } 
    .padding({left:20,right:20}) 
    .height( 20 + this.picWidth * 0.75 ) 
    .width("100%") 
 
  } 
}
  • 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.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.

RichText 传入内容, 显示的文字太小,RichText 组件还会滑动,如何能正常展示。

HarmonyOS
2024-11-28 10:14:31
634浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

​RichText字体大小可以通过style设置 例如<p style="font-size: 35px;text-align: center;font-weight: bold; color: rgb(24,78,228)">字体大小35px,行高45px</p>移动设备的视口默认值大小为980px,默认值可以确保大部分网页在移动设备下可以正常浏览。如果RichText组件宽度低于这个值,content内部的HTML则可能会产生一个可以滑动的页面被RichText组件包裹。如果想替换默认值,可以在content中添加以下标签。

参考链接:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5#ZH-CN_TOPIC_0000001884757834

分享
微博
QQ
微信
回复
2024-11-28 14:49:04


相关问题
HarmonyOS RichText问题
425浏览 • 1回复 待解决
HarmonyOS RichText展示的内容文字都很小
503浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
1316浏览 • 1回复 待解决
HarmonyOS RichText属性使用
1022浏览 • 1回复 待解决
HarmonyOS DatePicker组件年份展示问题
1007浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
758浏览 • 1回复 待解决
HarmonyOS textarea展示最新数据问题
656浏览 • 1回复 待解决
HarmonyOS List展示不全的问题
988浏览 • 1回复 待解决
HarmonyOS 实况窗无法展示问题
944浏览 • 1回复 待解决
HarmonyOS关于RichText的疑问
1811浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
1290浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
652浏览 • 1回复 待解决
HarmonyOS RichText字体显示的很小
506浏览 • 1回复 待解决
HarmonyOS richtext如何控制宽高
606浏览 • 1回复 待解决
HarmonyOS 组件的合理展示等相关问题
714浏览 • 1回复 待解决
HarmonyOS TextPicker多级联动的展示问题
701浏览 • 1回复 待解决
HarmonyOS RichText无法指定字体大小
734浏览 • 1回复 待解决
HarmonyOS RichText 可以向左和向上滑动
504浏览 • 1回复 待解决