当前位置: 首页 > 资讯 >

Day 5 - 原型 (4): 帖子页元件

前言

今天要完成帖子页的元件设计。

帖子页的元件

  1. 帖子

基本上可以用回主页的帖子元件, 这里只是少了READ MORE, 还有把内容全部显示出来。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375B47lgEHIas.png

  1. 回覆条

给其他使用者留言, 使用者也可以填写自己的显示名字, 若果不填, 名字显示anonymous(匿名)。

https://ithelp.ithome.com.tw/upload/images/20210916/201403759dBl0VzuyI.png

  1. 留言信息

显示留言, 还有留言者的名字和留言时间。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375hDRsGbgxlX.png

  1. 留言信息分界线

为方便阅读, 这里加了以日子作为留言的分界。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375zo4QRhhN2i.png

  1. 分页

考虑到会有大量留言, 还是加一加分页吧。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375x8pKLHeD6z.png

  1. 回到主页

使用者留言後, 他可能会想看其他帖子, 所以这里要加一个回主页的按钮。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375up5IzxCDw2.png

结语

今天大概就到这里, 明天再把他们组合成帖子页吧。

https://ithelp.ithome.com.tw/upload/images/20210917/20140375PbROetb5xd.png


相关文章:

  • Day24 [实作] 一对一视讯通话(4): 加入通话及挂断机制
  • TailwindCSS 从零开始 - 压缩 Utility 档案大小 、安装知能提示与最新版本须知
  • Day28 - 开发者的环境变数设置
  • [Day 19] 资料产品的管理-资料治理初探
  • [Day22] Follow Along Links
  • IT 铁人赛 k8s 入门30天 -- day30 Share Process Namespace between Containers in a Pod
  • [自学笔记]Routing(MVC)路由
  • Day26 Plugin 从零开始到上架 - Android总结
  • Day25-JDK可视化监控工具:visualVM(一)
  • 学习Python纪录Day5 - tuple、list和dictionary的应用
  • PM日常必备技能-沟通技巧
  • 【数位资料防骇】设计图稿与研发机密,用文件加密安全防护
  • Django - template filter and tags
  • 高档爆大量,请提高警觉
  • 赌场也有打烊的时候 - 盘後回测
  • Yandex Money虚拟卡申请:俄罗斯银行卡预付卡申请教程
  • VPS优惠信息:阿里云/限时活动/新用户1C2G1M/69元/年起
  • 让 Rank Math SEO 输出关键词 keywords meta 字段信息
  • 智能路由器刷华硕老毛子Padavan固件,实现巨多功能,你懂的!
  • 海外营销周报:谷歌在搜索中取消Q&A功能,FaceBook Marketplace用户总量达 10 亿人 – 知外贸
  • 国外靠谱的VPS云服务器大全
  • 建网站要多少钱?企业和个人建站费用分析和建站注意事项
  • WordPress 5.7 引入新钩子,用于过滤单个区块的内容
  • Linux入门:Linux文件操作教程(目录文件操作和系统资源占用情况操作)
  • 最便宜的国外VPS推荐:5美金以下的VPS大全
  • VPS优惠:搬瓦工香港VPS补货/G口/KVM/月付9.9美元
  • 国外代发货教程:教你如何一件代发做跨境电商国外市场
  • Python安装教程:怎么安装Python
  • 亚马逊卖家教程入门:如何做好亚马逊?教你怎么做亚马逊
  • vultr.com怎么申请退款教程和方法