2016-10-10 61 views
0

我試圖用uikit創建彈出窗口,但關閉按鈕無法正確顯示,儘管已複製/粘貼其網站的examplegetuikit關閉按鈕無法正常顯示

獲取生成的代碼是:

<a id="dialog-close" class="uk-modal-close uk-close"></a> 

雖然它可能是值得一提,一個上面的「層」,我們不使用uk-modal-dialog,而是所謂的模態的對話中,可能漂亮的定製版本類似。

而且,我得到了我的控制檯3個錯誤:

GET http://localhost/UltraGendaPro/fonts/fontawesome-webfont.woff2 /UltraGendaPro/fonts/fontawesome-webfont.woff:1 

GET http://localhost/UltraGendaPro/fonts/fontawesome-webfont.woff /UltraGendaPro/fonts/fontawesome-webfont.ttf:1 

此外,我們還包括了精縮CSS

回答

0

UIKit的核心https://getuikit.com/docs/close.html已接近inculded的UIKit的& JS文件,你可以混合與其他組件一起使用,隨時隨地使用。您只需將uk-close類添加到a或按鈕即可。你做對了。所以問題是,字體沒有加載,他們的路徑可能是錯誤的。你如何包含UIkit,手動下載和放置東西,還是你想安裝?你用預處理器使用scss版本嗎?

當我使用SCSS的版本,有:

$icon-font-path: "../fonts" !default; 

與你自己的設置,您可以將其覆蓋。如您所見,默認情況下,uikit在目錄字體內搜索字體,在字體目錄內搜索css目錄中的一級。

+0

我在瀏覽器中檢查以確保css文件正確加載。我們有本地目錄中的文件。版本6.9.7的記錄。 – GillesDV

+0

6.9.7,這是你的文件的版本,還是uikit?如果使用uikit,那麼我們說的是錯誤的框架,因爲最新版本的uikit是2.27.1 – cssBlaster21895

+0

呵呵,剛纔也注意到了。我們的本地版本是.../css/uikit.min.css?v = 6.9.7這確實是奇特的。順便說一下,我們正在討論一個Web應用程序,所以iOS的uikit不太可能。 – GillesDV