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']" /> | | 多色主题|