Text组件如何在textoverflow截断后展示指定内容

@Entry 
@Component 
struct Index { 
  maxLines: string = "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条," + 
    "我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条"; 
  @State flag: boolean = true 
  build() { 
    Row() { 
      Column() { 
        if (this.flag) { 
          Stack({ alignContent: Alignment.BottomEnd }) { 
            Text(this.maxLines) 
              .fontSize(15) 
              .fontColor(Color.Black) 
              .baselineOffset(10) 
              .maxLines(3) 
 
            Column() { 
              Text('...展开') 
                .fontSize(16) 
                .id('row2') 
                .backgroundColor(Color.White) 
              Column() { 
              }.height(7) 
            }.onClick(() => this.flag = false) 
          } 
        } else { 
          Stack({ alignContent: Alignment.BottomEnd }) { 
            Text(this.maxLines) 
              .fontSize(15) 
              .fontColor(Color.Black) 
              .baselineOffset(10) 
 
            Column() { 
              Text('收起') 
                .fontSize(16) 
                .id('row2') 
                .backgroundColor(Color.White) 
              Column() { 
              }.height(7) 
            }.onClick(() => this.flag = true) 
          } 
        } 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}