IconCloud 图标云

代码示例

基本使用

<template>
  <chi-icon-cloud :images="imageUrls"></chi-icon-cloud>
</template>

<script setup>
const slugs = [
  'typescript',
  'javascript',
  'react',
  'flutter',
  'html5',
  'css3',
  'nodedotjs',
  'express',
  'nextdotjs',
  'nginx',
  'jest',
  'vuedotjs',
  'cypress',
  'docker',
  'git',
  'jira',
  'github',
  'gitee',
  'juejin',
  'iconfinder',
]

const imageUrls = slugs.map((slug) => `https://cdn.simpleicons.org/${slug}/${slug}`)
</script>

API

Icon 属性

名称	类型	说明	默认值
class	string	css 类名
height	number	画布高度（px）	300
images	string[]	图标 url 数组
width	number	画布宽度（px）	300