@syyfe/iconpark-taro-vue

基于 IconPark Taro + Vue3 环境图标引用库
693
svg icon icon pack iconpark taro mini program syyfe
Install
npm install @syyfe/iconpark-taro-vue@1.0.0
Latest Version:1.0.0
License:MIT
Last Updated:Aug 10, 2022
Links: npm
Maintainer: henry.zhou

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

Related Packages

@icon-park/svg

Pure Svg Icons for IconPark

380,093 9,040
icon icon pack iconpark svg component components design system icons
@icon-park/vue-next

Vue3 Icons for IconPark

335,006 9,040
icon icon pack iconpark svg component components design icon park system icons vue
@icon-park/vue

Vue Icons for IconPark

41,747 9,039
icon icon pack iconpark svg component components design icon park system icons vue
@jt-icons/icon-vue-components

Vue components of JT Icons collection.

2,961 1
icon svg
vicons

SVG Vue components integrated from `fluentui-system-icons` and `ionicons`.

53,979
icon svg vue

Version History

Version Released License
1.0.0 MIT
0.0.16 MIT
0.0.15 MIT
0.0.14 MIT
0.0.13 MIT