# 評論/Comment 創建評論，比如文章的評論。 ## 用法 評論組件由包含頭像、標題和元數據的評論header以及評論主體組成。 | Class | 描述 | | --- | --- | | `.uk-comment` | 添加這個類定義評論組件。 | | `.uk-comment-header` | 添加這個類創建評論header。 | | `.uk-comment-avatar` | 添加到 `&lt;img&gt;` 元素創建評論者的頭像。 | | `.uk-comment-title` | 添加這個類到一個標題元素中，創建評論的標題。 | | `.uk-comment-meta` | 為段落添加這個類，創建評論的元數據。 | | `.uk-comment-body` | 為 `&lt;div&gt;` 元素添加這個類，創建評論主體。 | ### 示例  ### Code ``` <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`類到一個`&lt;ul&gt;`元素中，創建一個評論列表。你可以在評論列表中嵌套任意數量的`&lt;ul&gt;`元素。 ### 示例  ### Code ``` <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`類可以將評論樣式變得不同，例如把管理員的評論設置為高亮。 ### 示例  ### Code ``` <article class="uk-comment uk-comment-primary">...</article> ``` * * * ## 評論中的二級導航 使用[二級導航組件](subnav.html) 以二級導航欄的形式展示評論的元數據。 ### 示例  ### Code ``` <ul class="uk-comment-meta uk-subnav uk-subnav-line"> <li>...</li> </ul> ```