Quasar 前端框架之图标的使用

    技术2025-08-14  8

    一、前言

    最近在用一个听说好评如潮的(不懂是不是真的,反正能实现项目需求)前端框架做响应式开发,目的是为了用一套代码适配移动端、web端,于是找到了Quasar,用Quasar-cli 开发,碰到一个这样的问题:如何使用图标?

    二、解决

    步骤一,目前Quasar支持:Material Icons 、Font Awesome、Ionicons、MDI and IcoMoon。也就是说,你只能在这几个网站里使用里面的图标,如果要自己的,emmmmmm.....在网站上传图标吧,或者,我也不会

    步骤二,在quasar.conf.js里  ctrl+f,找到extras,导入进去(这里我使用的是  material-icons)

    步骤三,在Material Icons这个网站,找一个自己喜欢的,比如这里选择   bar_chart

     

    步骤四,在q-icon组件里使用  

     

    效果

     

     

    Tip:

    .

     

     

     

     

    Processed: 0.016, SQL: 9