用户登录

在 Semantic UI 里 .. 所有的评论可以先用一个大的容器包装一下 .. 用一个 div 标签,上面加上 ui .. 还有 comments .. 注意这是一个复数的形式 ..

在它里面就是一些评论 .. 每条评论上可以有作者的头像,名称 .. 评论的描述信息,比如评论的时间 .. 喜欢的数量等等 .. 另外就是评论的具体的内容 .. 还有一些表示不同动作的链接,比如一般的用户可能会看到一个回复的动作链接 .. 管理员可能需要编辑或者删除评论的动作..

每条评论都需要一个单独的包装 .. 用一个 div 标签,上面要加上 comment .. 在它里面,先给评论添加一个作者的头像 .. 可以用一个 a 标签 .. 上面加上 avatar .. 表示这是评论的头像 ..

再添加一个包装 .. 上面加上 content ... 在这个容器里可以包装一下作者的姓名,元数据,还有评论的具体内容 ..

先添加一个作者 .. 用一个 a 标签,上面加上 author ... 这条评论是 绿巨人 提交的 .. 再给这个评论添加点元数据 .. 比如评论的时间 .. 这些内容要放在一个带 metadata 的容器里 .. div.metadata .. 1 分钟之前 ..

接着是评论的具体的内容 .. 用一个 div 标签 .. 上面要加上 text 这个类 .. 输入评论的内容 .. 最后再添加一个动作链接 .. 同样需要一个单独的包装 . 用一个 div 标签,上面要加上 actions ..

在它里面添加一个回复的链接 .. a 回复 ..

在这里显示的,就是 Semantic UI 给评论设计的基本的样式 ..

评论视图《 Semantic UI 视图 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点