getuikit关闭按钮无法正常显示

时间:2016-10-10 15:03:06

标签: javascript css modal-dialog getuikit

我正在尝试使用uikit创建一个弹出窗口,但是关闭按钮无法正确显示,尽管已经复制/粘贴了他们网站的example

生成的代码是:

<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&amp; uikit的js文件

1 个答案:

答案 0 :(得分:0)

UIkit已经接近核心https://getuikit.com/docs/close.html,你可以将它与其他组件混合,并且我可以在任何地方使用它。您所要做的就是将uk-close类添加到一个或按钮。你做得对。所以问题是,字体没有加载,它们的路径可能是错误的。你如何包括UIkit,手动下载和放置东西,或者你安装bower?你是否将scss版本与预处理器一起使用?

当我使用scss版本时,有:

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

您可以使用自己的设置覆盖它。正如您所看到的,默认情况下,uikit会搜索目录字体中的字体,从css目录开始,在字体目录中搜索一级。

相关问题