鸿蒙基础组件演示案例

List() {
  ForEach(itemContent, (item: ItemContent, index?: number) => {
    ListItem() {
      Row() {
        Text(item.title)
          .padding(10)
          .margin({ left: 30 })
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .maxLines(1)
          .width('80%')
        Image($r('app.media.arrow_right')).size({ width: 25, height: 25 })
      }
      .justifyContent(FlexAlign.SpaceBetween)
        .height(40).width('100%')
    }
    .onClick(() => {
      router.pushUrl({ url: item.url })
    })
  })
}

│  
├─basic
│  │  ButtonDemo.ets          // 按钮示例
│  │  ImageDemo.ets           // 图像示例
│  │  MenuDemo.ets            // 菜单栏示例
│  │  PasswordBoxDemo.ets     // 密码保险箱示例
│  │  PopupDemo.ets           // Popup示例
│  │  ProgressDemo.ets        // 进度条示例
│  │  RadioDemo.ets           // 单选框示例
│  │  RichEditorDemo.ets      // 富文本示例
│  │  StyledStringDemo.ets    // 样式字符串示例
│  │  SymbolGlyphDemo.ets     // 图标小符号示例
│  │  TextDemo.ets            // 文本示例
│  │  TextInputDemo.ets       // 文本输入框示例
│  │  ToggleDemo.ets          // 文本输入框示例
│  │  VideoDemo.ets           // 视频示例
│  │  XComponentDemo.ets      // XComponent示例
│  │  
│  └─passwordbox
│          LoginPage.ets      // 登录
│          RegisterPage.ets   // 注册
│          UpdatePassPage.ets // 更新密码
│          
├─common
│      CommonTitle.ets
│      
├─entryability
│      EntryAbility.ets
│      
├─entrybackupability
│      EntryBackupAbility.ets
│      
├─images
│      startIcon.png
│      
└─pages
        HomePage.ets         // 主页
        Index.ets