HarmonyOS Photos Column Swiper Grid

沐叔

已于 2024-05-16 23:34:49 修改

阅读量429

点赞数 11

CC 4.0 BY-SA版权

分类专栏： HarmonyOS 文章标签： harmonyos

于 2024-05-16 23:31:58 首次发布

本文链接：https://blog.youkuaiyun.com/lmnotlm/article/details/138977983

在这里插入图片描述

✨️index

title swiper list(grid)

import coms from '../pages/com'
@Entry
@Component
struct Index {
   
   
  @State message: string = 'Hello World1'
//private  list = new con
  build() {
   
   
    Column() {
   
   
      //标题
      Row(){
   
   
        Text('photos')
        .fontSize('30fp')

        .fontWeight(FontWeight.Bold)
      }
      .justifyContent(FlexAlign.Start)
      .width('100%')
      .padding('12vp')



      //轮播
        Swiper() {
   
   
        ForEach(coms.SWIPERLIST,(item:Resource,index?:Number)=>{
   
   
          Row() {
   
   
            Image(item)

          }
          .width('100%')
          .aspectRatio(1.6)


        })

 

          }
        .autoPlay(true)
        .loop(true)
        .indicator(true)
        .duration(1000)
        .itemSpace(10)
        .borderRadius('12vp')
        .margin('12vp')
        .onChange((index: number)