在Vue项目中使用阿里巴巴矢量图

最新推荐文章于 2024-05-31 17:51:59 发布

黄叶。

最新推荐文章于 2024-05-31 17:51:59 发布

阅读量798

点赞数

文章标签： vue

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_42191033/article/details/108424737

版权

本文详细介绍如何将图标资源添加到购物车，并将其整合到Vue项目中，包括创建项目、下载资源、复制文件、在main.js中引入iconfont.css及使用方法。若图标无法正常显示，需检查CSS文件配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、选择图标添加到购物车

2、添加到项目中

3、创建项目（没有项目的情况）

4、下载到本地

5、copy文件到vue中，

6、main.js中引入iconfont.css

7、使用

<i class="iconfont icon-wenzhang">11</i>

8、如果发现显示不出来，请检查你的iconfont.css文件，是否和他匹配

博客等级

码龄7年

26
原创

88
点赞

215
收藏

31
粉丝

关注

私信

热门文章

分类专栏

Java 15篇
重构 4篇
问题 3篇

展开全部收起

最新评论

@Autowired注入为null — 4种常见情况
ChengQinHong: private static KafkaLogService kafkaLogService = new KafkaLogService();
找不到org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition
wenshao.du: 帮忙看下还是不行[code=java] [code=java] /Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/bin/java -agentlib:jdwp=transport=dt_socket,address=127.0.0.1:55830,suspend=y,server=n -XX:TieredStopAtLevel=1 -noverify -Dspring.output.ansi.enabled=always -Dcom.sun.management.jmxremote -Dspring.jmx.enabled=true -Dspring.liveBeansView.mbeanDomain -Dspring.application.admin.enabled=true -Dmanagement.endpoints.jmx.exposure.include=* -javaagent:/Users/curry/Library/Caches/JetBrains/IntelliJIdea2023.2/captureAgent/debugger-agent.jar -Dfile.encoding=UTF-8 -classpath /Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/jre/lib/charsets.jar:/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/jre/lib/deploy.jar:/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/jre/lib/ext/cldrdata.jar:/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/jre/lib/ext/dnsns.jar:/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/jre/lib/ext/j [/code]
找不到org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition
hjt497821976: <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.2.1.RELEASE</version> <relativePath/>  </parent> <groupId>com.ecp.runmeimall</groupId> <artifactId>runmeimall-common</artifactId> <version>0.0.1-SNAPSHOT</version> <name>runmeimall-common</name> <description>每一个模块的公共依赖</description> <dependencies> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-dependencies</artifactId> <version>Hoxton.RELEASE</version> <type>pom</type> <scope>im
找不到org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition
hjt497821976: <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.2.1.RELEASE</version> <relativePath/>  </parent> <groupId>com.ecp.runmeimall</groupId> <artifactId>runmeimall-common</artifactId> <version>0.0.1-SNAPSHOT</version> <name>runmeimall-common</name> <description>每一个模块的公共依赖</description> <dependencies> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-dependencies</artifactId> <version>Hoxton.RELEASE</version> <type>pom</type> <scope>im
找不到org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition
hjt497821976: java.lang.IllegalArgumentException: Could not find class [org.springframework.cloud.client.loadbalancer.reactive.ReactiveLoadBalancerAutoConfiguration] 这个怎么解决；已经好几个小时的了；困了，先休息了

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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