我正在尝试使用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文件
答案 0 :(得分:0)
UIkit已经接近核心https://getuikit.com/docs/close.html,你可以将它与其他组件混合,并且我可以在任何地方使用它。您所要做的就是将uk-close类添加到一个或按钮。你做得对。所以问题是,字体没有加载,它们的路径可能是错误的。你如何包括UIkit,手动下载和放置东西,或者你安装bower?你是否将scss版本与预处理器一起使用?
当我使用scss版本时,有:
$icon-font-path: "../fonts" !default;
您可以使用自己的设置覆盖它。正如您所看到的,默认情况下,uikit会搜索目录字体中的字体,从css目录开始,在字体目录中搜索一级。