使用离线Iconify图标

客户现场Iconify图标使用报错,Iconify 通过请求api服务器获取图标的数据,然后渲染到页面上。

Iconify 项目提供了公共API服务,提供了超过70种图标集共10万多个图标。这些图标服务器分布在世界各地,公共API地址是 https://api.iconify.design。除了域名 https://api.iconify.design,还有两个备用域名,https://api.simplesvg.com 和 https://api.unisvg.com。
toB的项目是部署到客户的局域网中,无法访问外网的一些地址。这时候就需要在打包的时候就把图标的资源打包进去。

在项目src目录下创建iconify-ep文件夹,里面创建index.js:

import { addCollection } from '@iconify/vue'
import ep from '@iconify-json/ep/icons.json'

export async function downloadAndInstall() {
    addCollection(ep)
}

在main.js中引入:

import { downloadAndInstall } from './iconify-ep/index'
downloadAndInstall()
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值