当前位置: 首页 > 工具软件 > IconPark > 使用案例 >

iconpark不显示图标

丌官晨
2023-12-01

iconpark如果不显示图标,先检查iconpark版本是否为最新,不是最新的话更新即可,如果版本是最新的,检查是否引入了图标

引入图标方法如下

<template>
        <reverse-operation-out theme="outline" size="24" fill="#333" />
</template>
<script setup>
import { ReverseOperationOut } from '@icon-park/vue-next';
</script>

使用component标签来动态切换组件应加icon前缀才能被正确解析

<component theme="filled" size="16" :fill="color" :strokeWidth="4"
:is="(isIn ? 'icon-reverse-operation-out' : 'icon-reverse-operation-in')" 
@click="handleClick" />

 类似资料: