摘要: 为展示分页功能,配合element-ui的表格组件同时使用,最终的效果如图: 1.在Element-UI官网上查找相应组件 2.将相应代码放到项目的分页文件中,并作相应的整理 表格代码及注释: 分页组件代码及注释: js部分代码及注释: 根据表... 阅读全文
posted @ 2020-06-15 17:52 JonnyOu1012 阅读(230) 评论(0) 推荐(0)
摘要: 在写网页的头部导航栏时,有时会需要类似的功能,左边放一个logo,右边是一排导航栏。抽象一下,如图: 实现思路 利用绝对定位和相对定位的功能灵活布置div的位置,并用transform作最后的微调。代码及注释: div 1 2 如果用f... 阅读全文
posted @ 2020-06-15 17:12 JonnyOu1012 阅读(75) 评论(0) 推荐(0)
摘要: 在写前端页面时,常常需要居中一个块级元素,如div的居中。水平居中只需margin:auto;一行代码即可,那么,如何才能使得div在父块级元素中同时水平、垂直居中呢? 开始之前,大家应该充分理解css中绝对定位和相对定位的概念 这篇博文写得非常好:CSS相对... 阅读全文
posted @ 2020-06-15 14:47 JonnyOu1012 阅读(37) 评论(0) 推荐(0)
摘要: 在写css时margin:auto;使用频率非常高,常用于div的居中。 何为margin? margin是指块级元素的外边距,如下图所示,XXXXX是div中的内容,通过设置margin的值,可控制div与其他块级元素的距离 margin设置不同数量的... 阅读全文
posted @ 2020-06-15 14:28 JonnyOu1012 阅读(316) 评论(0) 推荐(0)