在vue项目里面使用阿里矢量图标 - Go语言中文社区

在vue项目里面使用阿里矢量图标

在vue项目里面使用阿里矢量图标

  1. 先去官网下载

阿里矢量图下载地址：https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
加粗样式

  1. 将需要的图标加入购物车
    在这里插入图片描述
  2. 打开购物车下载图标代码
    在这里插入图片描述
  3. 解压将css文件放到自己的项目中
    在这里插入图片描述
  4. 打开购物车添加至项目
    在这里插入图片描述
  5. 新建一个项目确认
    在这里插入图片描述
  6. 然后就到这个页面
    在这里插入图片描述
  7. 点击查看在线链接
    在这里插入图片描述
  8. 点击生成代码就可以了
    在这里插入图片描述
  9. 将生成的内容
    在这里插入图片描述
    替换掉css文件中的内容
    在这里插入图片描述
    然后在前面加上https://
    在这里插入图片描述
  10. 在App.vue里面引入
@import url("commen/fontcss/iconfont.css");
  1. 直接在页面当中调用
<view class="iconfont">&#xe655;</view>
版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_44747508/article/details/103824475
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2023-01-02 19:40:46
  • 阅读 ( 249 )
  • 分类：职场

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！