@syyfe/iconpark-taro-vue

iconpark-taro-vue

基于 IconPark Taro + Vue3 环境图标引用库

安装

npm install @syyfe/iconpark-taro-vue -D

// or

yarn add @syyfe/iconpark-taro-vue

使用

<template>
  <div>
    <camera />
  </div>
</template>

<script lang="ts" setup>
import { Camera } from "@syyfe/iconpark-taro-vue";
</script>

以上用法在开发环境中，编译时间会增加，最终打包结果会进行 Tree Sharing

单独图标引入

<template>
  <div>
    <camera />
  </div>
</template>

<script lang="ts" setup>
import Camera from "@syyfe/iconpark-taro-vue/dist/icons/Camera.vue";
</script>

该用法单独引用图标组件，不会增加额外编译时间

图标配置

图标	预览效果	对应主题
<camera theme="outline" fill="#000000" />		线框主题
<camera theme="filled" fill="#333" />		填充主题
<camera theme="two-tone" :fill="['#333' ,'#2F88FF']" />		双色主题
<camera theme="multi-color" :fill="['#333' ,'#2F88FF' ,'#FFF' ,'#43CCF8']" />		多色主题