用户登录

Feed 里的内容就是用户一些一系列的动作 . 这些动作就是描述用户都做了什么 .. 比如谁跟谁成了好朋友 .. 谁评论了谁 .. 用户发布了新的博客 .. 上传了新的照片 .. 这些就是在 Feed 里发生的事件 ..

一个 Feed 需要一个包装 .. 用一个 div 标签,上面加上 ui ... 还有 feed ... 然后这个 Feed 里的发生的事件,可以放在各自的容器里 .. 同样可以使用 div 标签,在它上面要加上 event ..

它里面是事件的具体的内容 ... 可以添加一个标签 .. 用一个 div ... 加上 label ... 标签里可以是用户的头像(#保存) .. 事件的内容放在一个带 content 类的容器里 ... div.content ..

事件的描述需要一个容器 .. 用一个 div,它上面要加上 summary .. 表示事件的摘要 .. 添加一个用户名 .. 放在一个 a 标签里 .. 上面加上 user .. 把你设置成了好友 .. 再给这个事件添加一个日期 .. 日期内容需要一个 date 类 .. div.date . 1 小时之前 .

在这个事件里还可以有一些其它的元数据 .. 比如一个喜欢按钮 .. 先添加一个带 meta 类的容器 .. div.meta .. 再用一个 a 标签,上面加上 like ... 它里面用一个喜欢的按钮 .. i.like.icon .. 5 个赞 ..

现在你看到的就是一个 Feed .. 里面只有一个事件 .. 在事件里面,可以包含一些额外的信息,比如用户发表的文章的摘要 ... 上传的图片的缩略图等等 ...

先复制一下这个事件的代码 ... 修改一下里面的内容 ... 绿巨人.. 发布了一篇文章 .. 然后在这个事件里添加一个额外的文字信息 ... 在这个 summary 的下面 .. 再用一个 div 标签 ... 上面加上 extra text ...

里面的内容是用户发表的文章的摘要 .. 再复制一件事件 ... 在这个事件里, 修改一下里面的内容 .. 钢铁侠.. 添加了两张图片 .. 这个事件的额外信息是一些图片的缩略图 .. 把这个 extra text ,换成 extra images ..

然后把文字内容替换成两张图片 ..

现在你看到的就是整个 Feed 的样式 ..

Feed 视图《 Semantic UI 视图 》

统计

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

社会化网络

关于

微信订阅号

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