随笔分类 -  vue+element

vue前端自适应布局，一步到位所有自适应
摘要：1，左右布局 - 左侧固定宽带，右侧自适应剩余的宽度。 - 中间一条分割线，可以拖拉，自适应调整左右侧的宽度。 - 左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。 2，上中下布局 - 最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定占用 30 px 高度，最下面的分页固定占用高度，页面剩下的高度自动分配给中间的表格内容。 - 表格内容高度超过后自动出现竖向滚动条，宽度超出后自动出现横向滚动条。 - 点击按钮，可以 隐藏/显示 搜索条件 div 里面的内容。 - 当隐藏 搜索条件 div 里面的内容时，中间表格的高度为：整个页面的高度—操作按钮div的高度—分页div的高度。 - 当搜索条件 div 里面的内容时，中间表格的高度为：整个页面的高度—搜索条件div的高度—操作按钮div的高度—分页div的高度。 3，分辨率自适应 - 加载即动态实时计算高度，宽度 阅读全文
posted @ 2024-08-08 13:58 lgx211 阅读(1546) 评论(0) 推荐(10) 编辑

点击右上角即可分享
微信分享提示