关于使用 @iconify/iconify图标库组件在vite中的使用

2024-01-03 11:02:45

Iconify 是最通用的图标框架,将各种图标库的图标集中在这里的一个组件库,例如ant-design,element-ui等 网站地址如下
https://iconify.design/getting-started/
使用过程如下

npm install @iconify/iconify -S
npm install vite-plugin-purge-icons @iconify/json -D

配置如下
在这里插入图片描述
在入口文件或者使用页面导入下面

// main.js
import '@purge-icons/generated'

在这里插入图片描述
使用案例

 <div :size="16" class="op-btn" @click="copyCode">
            <a-tooltip>
              <template #title>复制代码</template>
              <div><span class="iconify" data-icon="ph:copy" Color="#3451b2" style="font-size:20px"> </span> </div> 
            </a-tooltip>
          </div>

更详细的使用
https://blog.csdn.net/m0_61989957/article/details/129479568

文章来源:https://blog.csdn.net/dongheng123/article/details/135356515
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。