评论/Comment

最后更新于:2022-04-01 22:21:22

# 评论/Comment 创建评论,比如文章的评论。 ## 用法 评论组件由包含头像、标题和元数据的评论header以及评论主体组成。 | Class | 描述 | | --- | --- | | `.uk-comment` | 添加这个类定义评论组件。 | | `.uk-comment-header` | 添加这个类创建评论header。 | | `.uk-comment-avatar` | 添加到 `<img>` 元素创建评论者的头像。 | | `.uk-comment-title` | 添加这个类到一个标题元素中,创建评论的标题。 | | `.uk-comment-meta` | 为段落添加这个类,创建评论的元数据。 | | `.uk-comment-body` | 为 `<div>` 元素添加这个类,创建评论主体。 | ### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2aa16fa.jpg) ### Code ```

...

...
...
``` * * * ## 评论列表 添加`.uk-comment-list`类到一个`<ul>`元素中,创建一个评论列表。你可以在评论列表中嵌套任意数量的`<ul>`元素。 ### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2ab3cd2.jpg) ### Code ```
  • ...
    • ...
  • ...
``` * * * ## 色彩调整 添加`.uk-comment-primary`类可以将评论样式变得不同,例如把管理员的评论设置为高亮。 ### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2ace35d.jpg) ### Code ```
...
``` * * * ## 评论中的二级导航 使用[二级导航组件](subnav.html) 以二级导航栏的形式展示评论的元数据。 ### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2ae45f3.jpg) ### Code ```
  • ...
```
';