记录使用自定义图标

  1. 把.css .woff 和.woff2 放入 css 文件目录下

  2. 在 quasar.conf.js 里加入

    css: ["app.sass", "iconfont.css"]
    
  3. 在 App.vue 中添加代码

    const myIcons = {
        "copy": "iconfont iconCopy"
    }
    this.$q.iconMapFn = (iconName) => {
        const icon = myIcons[iconName]
        if (icon !== void 0) {
            return { icon: icon }
        }
    }
    
  4. 使用 <q-icon name="copy" />

建议大家去官方文档上查看,非常详细。此次只是做一个记录