当前位置: 首页 > news >正文

Vue引入字节跳动图标库

 复制下面的命令安装IconPark库:

npm install @icon-park/vue-next --save

如果你不在乎打包大小,可以全局注册IconPark并使用。在你的main.js中配置如下代码:

import { createApp } from "vue";import App from "./App.vue";
const app = createApp(App);//权限
import "@/utils/permission";//路由
import router from "./router";
app.use(router);//字节跳动图标库
import {install} from '@icon-park/vue-next/es/all';
install(app);//挂载
app.mount("#app");

打开IconPark官方网站:ByteDance IconPark

找到你要使用的图标,比如这个:like

    使用【component 标签的 is 属性】动态引入图标

   <el-icon><component theme="outline" size="24" :is="'icon-home'" /></el-icon>

原创作者:吴小糖 

创作时间:2023.12.13

相关文章:

  • 基于Spring+Spring boot的SpringBoot在线电子商城管理系统
  • DevOps搭建(五)-JDK安装详细步骤
  • Linux C/C++并发编程实战(8)CAS机制的ABA问题
  • 云计算与大数据技术应用知识及案列
  • 数据结构:图的存储和遍历
  • 机器人与3D视觉 Robotics Toolbox Python 二 空间位姿描述
  • 【力扣】刷题备忘录-动归-343. 整数拆分
  • Kotlin(十七) 泛型和委托
  • Blender学习--制作带骨骼动画的机器人
  • Python高级数据结构——B树和B+树
  • python每日学10:关于python实用版本的选择
  • 【影像组学入门百问】#22—#24
  • flink源码分析之功能组件(六)-心跳组件
  • vue+django 开发环境跨域前后端联调配置
  • SQL自学通之函数 :对数据的进一步处理
  • 【css3】浏览器内核及其兼容性
  • AHK 中 = 和 == 等比较运算符的用法
  • Java-详解HashMap
  • Meteor的表单提交:Form
  • mysql常用命令汇总
  • Netty 4.1 源代码学习:线程模型
  • node学习系列之简单文件上传
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 基于Mobx的多页面小程序的全局共享状态管理实践
  • 技术:超级实用的电脑小技巧
  • 两列自适应布局方案整理
  • 日剧·日综资源集合(建议收藏)
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 通信类
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 写代码的正确姿势
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • #我与Java虚拟机的故事#连载01:人在JVM,身不由己
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • (¥1011)-(一千零一拾一元整)输出
  • (1)常见O(n^2)排序算法解析
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (C++20) consteval立即函数
  • (Matalb时序预测)WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (二)linux使用docker容器运行mysql
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (四)搭建容器云管理平台笔记—安装ETCD(不使用证书)
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • (转)淘淘商城系列——使用Spring来管理Redis单机版和集群版
  • *2 echo、printf、mkdir命令的应用
  • .Net 代码性能 - (1)
  • .NET 中让 Task 支持带超时的异步等待
  • .NET8.0 AOT 经验分享 FreeSql/FreeRedis/FreeScheduler 均已通过测试
  • .net程序集学习心得
  • .NET的数据绑定
  • ::
  • @Autowired多个相同类型bean装配问题