P04:通过List组件制作博客列表页
Posted wgchen~
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了P04:通过List组件制作博客列表页相关的知识,希望对你有一定的参考价值。
React Hooks+Laravel 前端博客实战
阐述
左右两边的基本布局完成后,需要对列表的单元项进行制作,也就是首页列表中的每一项。这个制作起来涉及的内容不多,因为以后要解析Markdown代码,所以这里只是先模拟一下,把基本的样式完成。
因为基础知识点我们都讲过了,所以这里就以实践为主了。
编写列表项的基本结构
由于Ant Design本身就有列表相关的组件,所以我们不用把这部分独立出去,而是使用Ant Design本身所有的List组件。
打开 index.js
,引入List,代码如下:
blog\\pages\\index.js
import
Row, Col, List, Space from
以上是关于P04:通过List组件制作博客列表页的主要内容,如果未能解决你的问题,请参考以下文章