我已经安装了https://materialdesignicons.com/与
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 */
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句