getuikit schließen Schaltfläche wird nicht richtig angezeigt

Question

Ich versuche, ein Popup mit uikit zu erstellen, aber die Schaltfläche schließen wird nicht ordnungsgemäß angezeigt, obwohl die example ihrer Website kopiert/eingefügt wurde.

Der Code, der generiert wird ist:

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

Obwohl es wahrscheinlich wert ist zu erwähnen, dass ein ‚Tier‘ oben, wir uk-modal-dialog nicht verwenden, sondern eine benutzerdefinierte Version Modal-Dialog aufgerufen, wahrscheinlich ziemlich ähnlich.

Auch ich 3 Fehler in meiner Konsole:

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 

Auch haben wir die minimierte CSS & js Dateien von UIKit enthalten

Answer 1

UIKit schließen in Kern inculded hat https://getuikit.com/docs/close.html, können Sie es mischen mit anderen Komponenten, und wie ich suppore - benutze es überall. Alles, was Sie tun müssen, ist, uk-close class zu einem oder Button hinzuzufügen. Du machst es richtig. Das Problem ist also, dass die Schriftarten nicht geladen sind, ihr Pfad kann falsch sein. Wie fügen Sie UIkit ein, laden und laden Sie Dinge manuell, oder installieren Sie sie? Verwenden Sie die scss-Version mit Präprozessor?

Wenn ich SCSS Version verwenden, gibt es:

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

Sie können es außer Kraft setzen mit Ihnen Einstellungen besitzen. Wie Sie sehen können, sucht uikit standardmäßig nach Schriftarten innerhalb von Verzeichnisschriften, eine Ebene höher als css dir, innerhalb von Schriftarten dir.