我已经安装了https://materialdesignicons.com/ https://materialdesignicons.com/ with
npm install @mdi/font
在 nuxt.config.js 文件中,我不确定如何导入图标模块...请帮忙!
export default {
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {}
},
buildModules: [
// Simple usage
'@nuxtjs/vuetify',
// With options
// ['@nuxtjs/vuetify', { /* module options */ }]
]
}
以下是使用 MDI 图标的 Vuetify 选项卡的示例。
<v-icon large color="blue darken-2">mdi-message-text</v-icon>
您可以通过添加来做到这一点@mdi/font/css/materialdesignicons.min.css
进入你的nuxt.config.js
像这样:
export default {
css : [
'@mdi/font/css/materialdesignicons.min.css'
],
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {}
}
/* Rest of configs */
}
如果你使用 Vuetify(我看到你用过它)然后加iconfont: 'mdi'
在 Vuetify 模块配置中,如下所示:
export default {
css : [
'@mdi/font/css/materialdesignicons.min.css'
],
buildModules: [
'@nuxtjs/vuetify',
['@nuxtjs/vuetify', { iconfont: 'mdi' }]
]
/* Rest of configs */
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)