2016-10-10 31 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