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组件制作博客列表页的主要内容,如果未能解决你的问题,请参考以下文章

P07:博客列表页&底部制作

Spring Boot制作个人博客-归档页

Spring Boot制作个人博客-博客管理列表页

四登录注册页功能实现《iVX低代码/无代码个人博客制作》

Spring Boot制作个人博客-分类页

列表页制作一