кнопка getuikit закрыть не отображается правильно

Question

Я пытаюсь создать всплывающее окно с 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 & JS файлы UIKit

Answer 1

UIKit имеет близко Inculded в ядре https://getuikit.com/docs/close.html, вы можете смешать его с другими компонентами, и, как я полагаю, используйте его где угодно. Все, что вам нужно сделать, - добавить класс uk-close к кнопке или. Вы делаете это правильно. Поэтому проблема заключается в том, что шрифты arent загружены, их путь может быть неправильным. Как вы включаете UIkit, загружаете и загружаете вещи вручную, или вы устанавливаете гарнитуру? Используете ли вы версию scss с препроцессором?

Когда я использую SCSS версии, есть:

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

Вы можете заменить его у вас есть настройки. Как вы можете видеть, по умолчанию uikit ищет шрифты внутри директорийных шрифтов, один уровень от css dir, внутри шрифтов dir.