美文网首页
带搜索条件的列表页面该怎么布局

带搜索条件的列表页面该怎么布局

作者: 盖子pp | 来源:发表于2020-12-02 21:24 被阅读0次

一般我们会遇到这种页面,头部是查询条件框,正中间是结果列表带分页,下面可能还有其他操作按钮,那么这个页面该怎么布局


image.png

中间查询列表是个滚动区域scroll-box,这个高度设置成100%
上面的tab跟下面的按钮区域都设置成固定定位,scrollbox高度设置100%,要设置padding-top跟padding-bottom来把上面跟下面的区域空出来

相关文章

网友评论

      本文标题:带搜索条件的列表页面该怎么布局

      本文链接:https://www.haomeiwen.com/subject/qsauwktx.html