Значок <v-icon> материала vuetify (mdi), показывающий проблему в приложении vuetify и nuxt? - PullRequest
0 голосов
/ 10 июня 2019

Я использую nuxt и vuetify.все теги работают нормально.Но когда я использую <v-icon>, значок не отображается ..

<v-flex xs12 mb-3>
<v-btn outline fab small color="blue-grey lighten-4">
    <v-icon color="grey darken-4">mdi-facebook</v-icon>
</v-btn>

<v-btn outline fab small color="blue-grey lighten-4">
    <v-icon color="grey darken-4">mdi-google-plus</v-icon>
</v-btn>

<v-btn outline fab small color="blue-grey lighten-4">
   <v-icon color="grey darken-4">mdi-linkedin</v-icon>
</v-btn>
</v-flex>

1 Ответ

0 голосов
/ 10 июня 2019

Следуйте инструкциям ..

  1. npm install @mdi/font -D

  2. В вашем приложении Nuxt есть папка с плагинами .. откройте ваш конфигурационный файл vuetify

  3. импорт пакета

    импорт Vue из 'vue'

    импорт Vuetify от 'vuetify'

    import'@mdi/font/css/materialdesignicons.css'

  4. написать код ..

    Vue.use (Vuetify, { iconfont: 'mdi' })

...