icon-image 图片图标

图片图标组件是一种用于在网页或应用程序中显示图像图标的UI组件。与字体图标不同，图片图标组件使用图像文件（如PNG、SVG等）来表示各种图标，而不是字体文件中的字符。这种组件通常提供了简单的接口，让开发者能够轻松地集成各种图像图标，并灵活控制它们的展示和样式。 你可以将一些公用图标放在组件里面维护。可以重用

Props参数

名称	类型	是否必传	默认值	描述
value	TIconImageName	✅	-	图标值
size	number | [number, number]	否	22	图标尺寸
单数值表示 宽高相同
双数值表示 [宽， 高]

示例

import { View } from '@tarojs/components'
import MMIconImage, { TIconImageName } from '~/components/icon-image'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'
import styles from './index.module.less'
import { useState } from 'react'

export default () => {
  const [data] = useState<TIconImageName[]>(['icon_cart', 'icon_home', 'icon_service', 'icon_crown'])

  return (
    <MMPageContainer title="图片图标">
      <PageDemoBlock>
        <View className={styles.wrapper}>
          {data.map((value) => (
            <View className={styles.flex} key={value}>
              <MMIconImage value={value} />
              <View>{value}</View>
            </View>
          ))}
        </View>
      </PageDemoBlock>
    </MMPageContainer>
  )
}