Skip to content

Icon 图标

图标组件,支持旋转、脉冲动画、翻转。

基础用法

vue
<template>
  <parrot-icon name="★" />
  <parrot-icon name="✓" color="#10b981" />
  <parrot-icon name="✕" color="#ef4444" />
</template>

尺寸 / 颜色

vue
<parrot-icon name="★" size="32rpx" color="#1a7eff" />
<parrot-icon name="★" size="48rpx" color="#f59e0b" />
<parrot-icon name="★" size="64rpx" color="#7c3aed" />

旋转动画

vue
<parrot-icon name="⟳" spin size="48rpx" />

API

Props

属性类型默认值说明
namestring''图标名/字符
sizestring'40rpx'尺寸
colorstring'#333'颜色
spinbooleanfalse旋转动画
rotatenumber0旋转角度

Released under the MIT License.