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%") 
 
  } 
}

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

HarmonyOS
2024-11-28 10:14:31
浏览
收藏 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属性使用
423浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
430浏览 • 1回复 待解决
HarmonyOS关于RichText的疑问
821浏览 • 1回复 待解决
HarmonyOS DatePicker组件年份展示问题
434浏览 • 1回复 待解决
HarmonyOS List展示不全的问题
336浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
620浏览 • 1回复 待解决
HarmonyOS RichText 可以向左和向上滑动
39浏览 • 1回复 待解决
为何RichText组件中内容可以滚动
2025浏览 • 1回复 待解决
RichText组件font标签size属性不符合预期
1874浏览 • 1回复 待解决
HarmonyOS map无法展示
168浏览 • 1回复 待解决
HarmonyOS 地图组件无法展示
164浏览 • 1回复 待解决
HarmonyOS Imageknife 动图展示异常
352浏览 • 1回复 待解决