24、鸿蒙/布局/新闻标题案例

案例

@Component
export struct NewsLayout {
  build() {
    Column(){
      Row(){
        Text("HarmonyOS新体验")
          .width('100%')
          .fontSize(26)
          .fontWeight(FontWeight.Bold)
      }
      Row(){
        Text('HarmonyOS NEXT多设备设计指南与重点特性规范，为您提供面向垂类场景、全端侧的针对性设计建议。 并有简单易用的控件助力您打造高端精致的HarmonyOS NEXT应用新体验，与您共同构建一个和谐的数字世界')
          .lineHeight(30)
          .textIndent(24)
          // 设置文本超出隐藏
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          // 需要配合最大几行
          .maxLines(3)
      }
      Row(){
        Image('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/0603public/sj-next-pc.jpeg')
          .width('100%')
          .height('auto')
      }
    }
  }
}