vue插件使用-element/swiper/Iconfont

element地址

http://element-cn.eleme.io/2.0/#/zh-CN/

swiper地址

https://www.swiper.com.cn/api/

Iconfont图标使用

1. 在Iconfont官网中下载图标http://www.iconfont/cn/(官网地址)

2. 选择需要的图标添加到购物车,选择好项目后在购物车中点击“添加到项目”

3. 在我的项目里点击“下载到本地”

4. 在vue项目src文件夹下的assets文件夹中新建一个iconfont文件夹,将刚刚下载下来的代码包中的iconfont.css/iconfont.eot/iconfont.svg/iconfont.ttf/iconfont.woff复制到iconfont文件夹下

5. 在main.js全局变量中引用iconfont.css             import ‘./assets/iconfont/iconfont.css’

6. 在项目中使用图标<i class = “iconfont icon-youhuiquan”></i>

转载于:https://www.cnblogs.com/rangewr/p/10710942.html