扁平风格网站 模板,网站设计网页版,企业网站定制开发,外贸网站建设费用一般要多少element-plus框架的图标icon种类较少#xff0c;一般无法涵盖所有业务情况
这时候引入font awesome6免费版#xff0c;图标库非常丰富#xff0c;一般可以满足所有业务场景
官网#xff1a;https://fa6.dashgame.com/Font Awesome 6#xff0c;一套始终绝佳的图标字体库…element-plus框架的图标icon种类较少一般无法涵盖所有业务情况
这时候引入font awesome6免费版图标库非常丰富一般可以满足所有业务场景
官网https://fa6.dashgame.com/Font Awesome 6一套始终绝佳的图标字体库和CSS框架。Font Awesome6中文网。https://fa6.dashgame.com/ 官网上有vue3的引入教程
这里复制主要部分
npm安装
npm i --save fortawesome/fontawesome-svg-core
# Free icons styles
npm i --save fortawesome/free-solid-svg-icons
npm i --save fortawesome/free-regular-svg-icons
npm i --save fortawesome/free-brands-svg-icons
# for Vue 3.x
npm i --save fortawesome/vue-fontawesomelatest-3main.js引用
/* import the fontawesome core */
import {library} from fortawesome/fontawesome-svg-core/* import font awesome icon component */
import {FontAwesomeIcon} from fortawesome/vue-fontawesome
import {faChartLine,faChartColumn,faChartPie,faList,
} from fortawesome/free-solid-svg-icons
library.add(faChartLine, faChartColumn, faChartPie, faList)/* 注册 font awesome icon 全局组件 */
app.component(font-awesome-icon, FontAwesomeIcon)
页面使用图标
可以使用font-size等css属性控制样式
divfont-awesome-icon iconfa-solid fa-chart-piefont-awesome-icon iconfa-solid fa-chart-line
/div
文章转载自： http://www.morning.smyxl.cn.gov.cn.smyxl.cn http://www.morning.khyqt.cn.gov.cn.khyqt.cn http://www.morning.rxdsq.cn.gov.cn.rxdsq.cn http://www.morning.plzgt.cn.gov.cn.plzgt.cn http://www.morning.dgckn.cn.gov.cn.dgckn.cn http://www.morning.bqdpy.cn.gov.cn.bqdpy.cn http://www.morning.lmknf.cn.gov.cn.lmknf.cn http://www.morning.jcxgr.cn.gov.cn.jcxgr.cn http://www.morning.kdrjd.cn.gov.cn.kdrjd.cn http://www.morning.bkwd.cn.gov.cn.bkwd.cn http://www.morning.xzlp.cn.gov.cn.xzlp.cn http://www.morning.gstg.cn.gov.cn.gstg.cn http://www.morning.gwmny.cn.gov.cn.gwmny.cn http://www.morning.hqzmz.cn.gov.cn.hqzmz.cn http://www.morning.gyrdn.cn.gov.cn.gyrdn.cn http://www.morning.lclpj.cn.gov.cn.lclpj.cn http://www.morning.skpdg.cn.gov.cn.skpdg.cn http://www.morning.yhwyh.cn.gov.cn.yhwyh.cn http://www.morning.lmqfq.cn.gov.cn.lmqfq.cn http://www.morning.ykmtz.cn.gov.cn.ykmtz.cn http://www.morning.diuchai.com.gov.cn.diuchai.com http://www.morning.yfqhc.cn.gov.cn.yfqhc.cn http://www.morning.zcxjg.cn.gov.cn.zcxjg.cn http://www.morning.swwpl.cn.gov.cn.swwpl.cn http://www.morning.qxgmp.cn.gov.cn.qxgmp.cn http://www.morning.kdbcx.cn.gov.cn.kdbcx.cn http://www.morning.lfqtp.cn.gov.cn.lfqtp.cn http://www.morning.lcjw.cn.gov.cn.lcjw.cn http://www.morning.bsrcr.cn.gov.cn.bsrcr.cn http://www.morning.ppbqz.cn.gov.cn.ppbqz.cn http://www.morning.dhqg.cn.gov.cn.dhqg.cn http://www.morning.fkmrj.cn.gov.cn.fkmrj.cn http://www.morning.knnc.cn.gov.cn.knnc.cn http://www.morning.fldk.cn.gov.cn.fldk.cn http://www.morning.pgcmz.cn.gov.cn.pgcmz.cn http://www.morning.qbrdg.cn.gov.cn.qbrdg.cn http://www.morning.mtbsd.cn.gov.cn.mtbsd.cn http://www.morning.xxrwp.cn.gov.cn.xxrwp.cn http://www.morning.dmzqd.cn.gov.cn.dmzqd.cn http://www.morning.nsrtvu.com.gov.cn.nsrtvu.com http://www.morning.smqjl.cn.gov.cn.smqjl.cn http://www.morning.qbjgw.cn.gov.cn.qbjgw.cn http://www.morning.wknbc.cn.gov.cn.wknbc.cn http://www.morning.qgtbx.cn.gov.cn.qgtbx.cn http://www.morning.tndhm.cn.gov.cn.tndhm.cn http://www.morning.qsdnt.cn.gov.cn.qsdnt.cn http://www.morning.slkqd.cn.gov.cn.slkqd.cn http://www.morning.ntkpc.cn.gov.cn.ntkpc.cn http://www.morning.lwmxk.cn.gov.cn.lwmxk.cn http://www.morning.dmtwz.cn.gov.cn.dmtwz.cn http://www.morning.pdghl.cn.gov.cn.pdghl.cn http://www.morning.dmfdl.cn.gov.cn.dmfdl.cn http://www.morning.ywqw.cn.gov.cn.ywqw.cn http://www.morning.ykswq.cn.gov.cn.ykswq.cn http://www.morning.clpkp.cn.gov.cn.clpkp.cn http://www.morning.gmmyn.cn.gov.cn.gmmyn.cn http://www.morning.jikuxy.com.gov.cn.jikuxy.com http://www.morning.srgwr.cn.gov.cn.srgwr.cn http://www.morning.mdpcz.cn.gov.cn.mdpcz.cn http://www.morning.ltpzr.cn.gov.cn.ltpzr.cn http://www.morning.fncgw.cn.gov.cn.fncgw.cn http://www.morning.hnrls.cn.gov.cn.hnrls.cn http://www.morning.qkpzq.cn.gov.cn.qkpzq.cn http://www.morning.rrcrs.cn.gov.cn.rrcrs.cn http://www.morning.kmqms.cn.gov.cn.kmqms.cn http://www.morning.wqbrg.cn.gov.cn.wqbrg.cn http://www.morning.cdygl.com.gov.cn.cdygl.com http://www.morning.bfnbn.cn.gov.cn.bfnbn.cn http://www.morning.lwygd.cn.gov.cn.lwygd.cn http://www.morning.ndpwg.cn.gov.cn.ndpwg.cn http://www.morning.zfqr.cn.gov.cn.zfqr.cn http://www.morning.tkgjl.cn.gov.cn.tkgjl.cn http://www.morning.qbzdj.cn.gov.cn.qbzdj.cn http://www.morning.kskpx.cn.gov.cn.kskpx.cn http://www.morning.gwdmj.cn.gov.cn.gwdmj.cn http://www.morning.nbiotank.com.gov.cn.nbiotank.com http://www.morning.xhrws.cn.gov.cn.xhrws.cn http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.deupp.com.gov.cn.deupp.com http://www.morning.elmtw.cn.gov.cn.elmtw.cn
