亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

漢堡圖標未在 Vuetify 2.0 中顯示

漢堡圖標未在 Vuetify 2.0 中顯示

翻閱古今 2021-08-20 19:12:41
我正在升級到新的 vuetify 2.0,我注意到應用欄上沒有顯示漢堡包圖標。在他們使用相同代碼的示例中,它確實顯示了。https://vuetifyjs.com/en/components/app-barshttps://codepen.io/anon/pen/rXLyzE?&editable=true&editors=101<!DOCTYPE html><html><head>    <title></title>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">    <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/3.1.1/vuex.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.6/vue-router.min.js"></script>    <script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.js"></script></head>    <body>        <div id="app">            <v-app>                <v-app-bar absolute dark>                    <v-app-bar-nav-icon></v-app-bar-nav-icon>                    <v-toolbar-title>Title</v-toolbar-title>                    <v-spacer></v-spacer>                    <v-btn icon>                      <v-icon>search</v-icon>                    </v-btn>                </v-app-bar>            </v-app>        </div>        <script>            new Vue({                el: '#app',                vuetify: new Vuetify(),                data: () => ({                })            });        </script>    </body></html>我錯過了什么?
查看完整描述

2 回答

?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

當前版本


我正在使用 Vue CLI 3,我遇到了同樣的問題。


vuetify v2.0.0

@mdi/font v4.4.95

解決方案


首先,請將@mdi/font 庫添加到您的 package.son


$ yarn add @mdi/font

其次,像這樣將 materialdesignicons.scss 導入您的 SCSS。


// application.scss

$mdi-font-path: "~@mdi/font/fonts" !default;

@import '~@mdi/font/scss/materialdesignicons';

編譯后

http://img1.sycdn.imooc.com//611f8e550001486104860238.jpg

查看完整回答
反對 回復 2021-08-20
  • 2 回答
  • 0 關注
  • 234 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號