image-list 图片列表

图片列表组件（Image List component）是一种常用的用户界面组件，用于以列表形式展示一组图片。这种组件通常用于图库、相册、产品展示等场景，以便用户浏览和查看多个图片。

Props参数

名称	类型	是否必传	默认值	描述
data	string[]	否	-	图片数据
column	number	否	3 imagePickerNumber	一行显示几个
gap	string | number	否	5px	图片间距
preview	boolean	否	true	预览
justifyContent	CSSProperties['justifyContent']	否	-	对齐方式

示例

import { View } from '@tarojs/components'
import { MMImageList } from '~/components'
import MMCell from '~/components/cell'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'

const imgPath = 'https://wmm-mock.oss-cn-shanghai.aliyuncs.com/mock/good'

export default () => {
  const list4 = Array.from({ length: 4 }).map((_a, index) => imgPath + (index + 1) + '.png')

  return (
    <MMPageContainer title="图片列表">
      <PageDemoBlock title="基础使用">可以设置 边距、一行数量</PageDemoBlock>
      <MMImageList data={list4} gap={15} column={3} />

      <PageDemoBlock title="其他">可以配合其他组件使用。比如放在cell组件中</PageDemoBlock>

      <MMCell title="退货凭据" noStyle>
        <View style={{ width: '80%' }}>
          <MMImageList data={list4} />
        </View>
      </MMCell>
    </MMPageContainer>
  )
}