一起学习HarmonyOS应用开发——基础篇（8）

最新推荐文章于 2025-04-30 07:15:00 发布

李two钱

最新推荐文章于 2025-04-30 07:15:00 发布

阅读量133

点赞数 2

分类专栏： HarmonyOS应用开发文章标签：学习 harmonyos 鸿蒙

本文链接：https://blog.youkuaiyun.com/lierqian/article/details/137278882

版权

文章介绍了如何在Vue应用中使用List容器组件实现列表渲染，包括基本的结构、配置项如间隔和初始索引，以及两种不同的数据源方式，如静态数组和Article对象。还展示了如何创建ArticleCard组件展示详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、List容器组件：列表包含一系列相同宽度的列表项。

@Entry@Componentstruct ListTest {
    private data: number[] = [1, 2, 3, 4, 5, 6,]  build() {
      Column() {
        //space:子组件主轴方向的间隔距离，默认为0      //initialIndex：初次加载时视口起始位置显示的item的索引值，默认为0      List({ space: 10, initialIndex: 0 }) {
          ForEach(this.data, (item) => {
            ListItem() {
              Text('第' + item+'个').width('100%').height(50)              .fontSize(16).textAlign(TextAlign.Center)