网站的内容和功能,pic cms图片网站管理系统手机版,手机网站如何站点管理,有没有做门面设计的网站Iconify 是最通用的图标框架#xff0c;将各种图标库的图标集中在这里的一个组件库#xff0c;例如ant-design,element-ui等 网站地址如下 https://iconify.design/getting-started/
1.安装依赖
这两个包提供了图标组件和离线图标数据的支持。
npm install iconify/vue2 i…Iconify 是最通用的图标框架将各种图标库的图标集中在这里的一个组件库例如ant-design,element-ui等 网站地址如下 https://iconify.design/getting-started/
1.安装依赖
这两个包提供了图标组件和离线图标数据的支持。
npm install iconify/vue2 iconify/json2. 准备离线图标数据
iconify/json 包含了大量的图标数据我们可以选择需要的图标集合并将其添加到我们的项目中。以 simple-line-icons 和 ant-design 图标为例我们需要下载这两个图标集合的 JSON 文件
simple-line-icons.json包含了 Simple Line Icons 图标数据 ant-design.json包含了 Ant Design 图标数据 可以从 iconify/json 的 GitHub 仓库或其他可信来源下载这些 JSON 文件并将它们放在您的项目中。
3.使用示例
templatediv!-- 使用 Simple Line Icons 图标 --Icon iconsimple-line:home /!-- 使用 Ant Design 图标 --Icon iconant-design:search //div
/templatescriptimport { Icon, addCollection } from iconify/vue2;import simple from iconify/json/json/simple-line-icons.jsonimport design from iconify/json/json/ant-design.jsonexport default {components: { Icon },mounted() {addCollection(simple)addCollection(design)},}
/script
