Комментарий
Создавать комментарии, например о статьях.
Использование
Компонент Комментарий состоит из заголовка комментария, включая аватар, заголовка и метаданных, и тела комментария.
Класс | Описание |
---|---|
.uk-comment |
Добавить этот класс, чтобы определить comment компонент. |
.uk-comment-header |
Добавить этот класс, чтобы создать комментарий в заголовке. |
.uk-comment-avatar |
Добавить этот класс в сообщение <img> элемент создать аватар для комментария автора. |
.uk-comment-title |
Добавьте этот класс к заголовку создания комментария титул. |
.uk-comment-meta |
Добавьте этот класс к абзацу создавать Мета данные о вашем комментарии. |
.uk-comment-body |
Добавьте этот класс к <div> элемент для создания комментария тела. |
Пример
Автор
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Разметки
<article class="uk-comment">
<header class="uk-comment-header">
<img class="uk-comment-avatar" src="" alt="">
<h4 class="uk-comment-title">...</h4>
<div class="uk-comment-meta">...</div>
</header>
<div class="uk-comment-body">...</div>
</article>
Комментарий списков
Добавить .uk-comment-list
класс <ul>
элемент для создания списка комментариев. Можно вкладывать любое количество <ul>
элементы внутри списка комментариев.
Пример
Разметки
<ul class="uk-comment-list">
<li>
<article class="uk-comment">...</article>
<ul>
<li><article class="uk-comment">...</article></li>
</ul>
</li>
<li><article class="uk-comment">...</article></li>
</ul>
Цвет модификатор
Стиль комментария по-разному, например, чтобы выделить его как админа комментарий, просто добавьте .uk-comment-primary
класс.
Пример
Автор
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Разметки
<article class="uk-comment uk-comment-primary">...</article>
Subnav в комментариях
Вы можете также использовать subnav от Subnav компонент для отображения комментария Мета данных.
Пример
Subnav как комментарий Мета
Разметки
<ul class="uk-comment-meta uk-subnav uk-subnav-line">
<li>...</li>
</ul>
Автор
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Автор
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.