0 环境
1 参考文档
2 前言
main组件(src/layouts/components/Main/index.vue)中有个页脚组件(src/layouts/components/Main/index.vue里的el-footer)，它对应的v-show="footer"就是下图布局设置里的页脚开关，因为这里的 footer存放在useGlobalStore里，而布局设置里的页脚开关也是绑定的它，最下面那张图就是。在往下看找到 Footer组件 点进入。
3 正文
如下图代码：
其实就是div包裹着一个a标签。
先看div里的 .footer，先找到index.scss，点进去。
你会看到下图，.footer的样式，设置高度以及在顶部的边框上添加一个1像素宽的实线边框，设置背景色，a标签做了什么呢，设置大小、颜色、去除链接的下划线、设置a标签内它们之间字母的间距。
那么flx-center么有看到呀，它在哪里定义的。其实它是在src/styles/common.scss里定义的，因为是通用的功能，水平垂直居中，所以需要全局使用。
4 总结
页脚其实就是对a标签的处理，还有一个通用水平垂直样式的封装。
