icon图标的使用
文章平均质量分 52
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
vue 项目种使用svg图标
一般常用的代码写法:<svg-icon class-name="size-icon" icon-class="size"/>svg 图标可以随字体一样变色、大小可更改且不失真;应用在项目中不仅可以摆脱img图片占用内存大的问题,还可以减少代码量,优化系统。使用字体图标的步骤如下: 安装svg-sprite-loader插件 npm install svg-sprite-loader 自定义svg-icon组件 在componets文件夹下建立一个sv原创 2022-05-29 22:36:58 · 1035 阅读 · 1 评论 -
vue项目中如何使用阿里 iconfont图标
先登录阿里 iconfont 图标库:https://www.iconfont.cn/1、选择需要的图标添加到购物车中2、在资源管理里面 ——我的项目: 添加新项目这样的话就会永久保存了。3. 建好了之后, 低价购物车,把所有图标添加到对应的项目里面。4. 然后打开我i的项目,点击下载:5. 双击 demo_index.html 本地打开预览:我这里采用的是 class<i class="iconfont icon-yonghuming"&g...原创 2022-05-27 21:46:50 · 487 阅读 · 0 评论