记录使用自定义图标
-
把.css .woff 和.woff2 放入 css 文件目录下
-
在 quasar.conf.js 里加入
css: ["app.sass", "iconfont.css"]
-
在 App.vue 中添加代码
const myIcons = { "copy": "iconfont iconCopy" } this.$q.iconMapFn = (iconName) => { const icon = myIcons[iconName] if (icon !== void 0) { return { icon: icon } } }
-
使用
<q-icon name="copy" />
建议大家去官方文档上查看,非常详细。此次只是做一个记录
非常感谢您的分享。添加一个自定义图标确实非常简单。想要更多了解自定义图标,请参考 icon 组件的自定义映射