更新记录

1.0.0（2024-01-31） 下载此版本

init

平台兼容性

HR Image Grid Component

hr-image-grid 是一个用于展示图片网格的组件，支持多种定制化设置，包括列数、行数限制、间距、和图片缩放等。

安装

本组件依赖于 UTS 框架，请确保你的项目环境支持 UTS。

使用方式

在你的 UTS 项目中，可以按照如下方式引入和使用 hr-image-grid：

<template>
  <view>
    <hr-image-grid
      :boxWidth="750"
      :images="['url1.jpg', 'url2.jpg', 'url3.jpg']"
      :numColumns="3"
      :gap="10"
      :maxRows="2"
      :emptyTipText="'暂无图片'"
      :emptyTipTextColor="'#999999'"
      :emptyTipTextSize="14"
    />
  </view>
</template>

Props

以下表格列出了组件的所有属性：

Events

• image-click: 图片点击事件。事件返回一个对象，包含被点击的图片 URL 和所有图片的 URL 列表。

样式

默认样式如下：

<style>
</style>

您可以根据需要自定义样式以适应您的应用程序的视觉风格。

注意事项

请确保传入有效的图片 URL 数组，组件将依据数组长度渲染对应数量的图片。如果图片数组为空，则会显示设置的空提示。