1. 程式人生 > >解決iview選單使用iconfont圖示無法顯示的問題

解決iview選單使用iconfont圖示無法顯示的問題

寫在前面:

首先,我出現問題的場景是使用在導航選單上,即 Menu Item;

其次,我是使用json檔案遞迴生成的選單列表,在meta屬性中設定的icon;

今天在使用iconfont的圖示作為選單的圖示時發現總是顯示成方框框

使用方法和設定Button的圖示是一樣的,檢查了好久也沒有發現問題,百思不得其解……

使用F12檢查元素,發現原來框架是在樣式前面加上了 ivu-icon!所以樣式的名稱已經被改變了

解決的辦法就是在樣式的前面加上空格:

瀏覽器重新整理果然成功了!檢視頁面元素樣式如下:

這個問題不好發現原因,希望可以幫助到遇到同樣問題的同行們~