harmonyOS的List组件架子

import Infotop from '../components/Infotop'
//讨论区适用于ge中评论讨论点赞
@Entry
@Component
struct getgold{
  build() {
    Column(){
      //头部
      Infotop()
      //主体
      //List组件是更强大的Scorll组件,当里面的内容超出本身的容量之后,会自动形成可以下拉
      List(){
//子组件只能放ListItem
        ForEach(Array.from({length:20}),() =>{
          ListItem(){
            Row(){}.width('100%').height(100).backgroundColor(Color.Green)
          }
          .padding(10)
        })

      }
      //变成横向的滚动.listDirection(Axis.Horizontal)
      .listDirection(Axis.Vertical)//调整主轴方向
      .width('100%')
      .backgroundColor(Color.Orange)
      //高度自适应
      .layoutWeight(1)
      .lanes(2,20)//在100%的盒子中占两列.lanes(2,20),前面的2是几列,后面的20是列一 列之间的距离
      .alignListItem(ListItemAlign.Center)//调整对其方式列的对其方式
      .scrollBar(BarState.Auto)//BarState.Auto按需显示滚动条BarState.on是常量 off是隐藏
      //分割线
      .divider({
        strokeWidth :3,//线宽
        color:Color.Black,
        startMargin:10,//给线添加 marrgin
        endMargin:10//另外一边的marrgin
      })
      //尾部
      Row(){
      }
      .width('100%')
      .height(100)
      .backgroundColor(Color.Pink)
    }
    .height('100%')
    .width('100%')
  }
}

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈啊迪adi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值