手机兼职平台网站开发,不会网站维护可以做吗,企业网站建设属于什么费用,台州路桥做网站的公司vue如何在创建好的项目中引入阿里图标iconfont呢#xff0c;涉及到以下几个步骤#xff1a;
1、首先先到阿里图标官方网站https://www.iconfont.cn/#xff0c;先对账户进行登录#xff0c;登录完成后任意选择几个图标加入购物车 2、加入购物车后#xff0c;点击页面最右…vue如何在创建好的项目中引入阿里图标iconfont呢涉及到以下几个步骤
1、首先先到阿里图标官方网站https://www.iconfont.cn/先对账户进行登录登录完成后任意选择几个图标加入购物车 2、加入购物车后点击页面最右上方的 “购物车” 按钮之后点击 “添加至项目” 添加完成之后到 “我的项目” 中查看同时点击 “下载到本地” 进行下载。 3、下载完成后接下来是引入vue项目中。创建完vue项目之后项目目录如下 4、在assets中创建目录名为iconfont的目录创建完成后将刚刚第二步下载后的9个文件拷贝到此目录。
5、之后在src文件下的main.js引入文件具体引入形式如下
import ./assets/iconfont/iconfont.css;注此处引入路径根据自身所放入文件地址进行调整
6、引入后就可以在项目中使用啦具体使用方式
templatediv id maini class iconfont icon-daohanglan/ii class iconfont icon-xiaoxi/i/div
/templatescriptexport default{name:}
/scriptstyle scoped#main i{font-size: 80px; /* 控制图标的大小 */color: #0062CC; /*控制图标的颜色*/margin: 80px 20px;}
/style注class名字为字符串iconfont再加上具体图标的图标名所组成图标名可通过阿里图标官网在“我的项目”中对对应图标复制代码后粘贴查看。
7.最终显示效果