React Hooks+Laravel 前端博客实战
阐述
- 阐述
- 对公用头部的微调
- 编写首页的左右两列布局
- 其他页面的大结构复制
-
- `blog\pages\list.js`
- blog\pages\detailed.js
我们的博客主体分为左右两栏布局,左边是主要展示的是文章列表,右边是个人信息和一些广告的东西。并且也是在不同的终端中有不同的表现。
本文我们先制作出两栏布局。
对公用头部的微调上篇完成了公用头部的编写,但是发现公用头部还是不那么的好看,特别是在2K屏下,显得太小气了。
所以先对公用头部的CSS进行调整。
打开 header.css
文件,改成下面,代码的样式。
blog\styles\header.css
.header{
background-color