# oh_flowimagelayout

**Repository Path**: droidzxy/oh_flowimagelayout

## Basic Information

- **Project Name**: oh_flowimagelayout
- **Description**: OpenHarmony自定义组件FlowImageLayout，以瀑布流形式显示图片序列。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2021-08-13
- **Last Updated**: 2024-05-06

## Categories & Tags

**Categories**: harmonyos-layout

**Tags**: None

## README

# OhFlowImageLayout

#### 组件介绍
-   本示例是OpenHarmony自定义组件FlowImageLayout。

    用于将一个图片列表以瀑布流的形式显示出来。

#### 调用方法
 ```
<element name="flowimagelayout" src="../flowimagelayout/flowimagelayout.hml"></element>
<div class="container">
    <text style="margin: 20px;">{{title}}</text>
    <flowimagelayout image-list="{{images}}"></flowimagelayout>
</div>
 ```

#### 参数介绍
| **参数**                      | **含义**                      |
| :-------------------------: | :------------------------------- |
| image-list                       | 图片列表            | 


#### 效果演示

-   预览一
    
![效果演示](./screenshots/device/001.png)

-   预览二
    
![效果演示](./screenshots/device/002.png)

-   预览三
    
![效果演示](./screenshots/device/003.png)


-   预览动态图
    
![效果演示](./screenshots/device/example.gif)