0.0.16 • Published 2 years ago
@syyfe/iconpark-taro-vue v0.0.16
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']" /> | 多色主题 |