下载iconfont到项目 普通项目 uniapp
下载iconfont到项目
零、前言
当我们做项目时,往往会需要用到一些小图标,而这些小图标,经常是去iconfont里找,下面简单介绍下如何把iconfont下载到自己的项目。
首先贴出iconfont官网网址: https://www.iconfont.cn/
一、在普通项目的使用方法
1、打开iconfont网站,搜索
2、把选择的图标篇点进购物车
3、打开购物车,把选择的图标加入到项目(没有就新建)
4、打开项目,下载图标到本地
5、下载文件后解压,并复制这几个文件
6、把文件粘贴到项目下的/src/assets/font
7、在使用的页面如此操作
二、在uniapp中的使用方法
1-4和上面一样
5.修改文件 iconfont.css
6.把文件粘贴到项目下的/src/assets/font
7.在页面中使用
<style lang="less">
@import url('@/static/fonts/iconfont.css');
<style>
<button class="qrBtn" type="primary" @click="qrHandle()">
<i class="iconfont icon-tianjia_3 font"></i>点击扫码</button>