页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

【长亮科技】制作移动端的POC页面

1 概述

需求:

  1. 把上下两个模块固定如第三张图所示效果,只有中间两个饼图能自由上下滑动;
  2. 把下面的tab固定好之后,也要把它调整得充满左右两边的空白处,效果如第三张图所示。现在这个效果我是用电子表格的自适应来做的,我已经使它尽量充满两边了,可是在移动端展示时还是会显示不充满。

...

  1. 使用HTML模板布局:见https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=21955317
  2. HTML实现顶部和尾部固定定位,中间部分绝对定位。HTML实现顶部和尾部固定定位,中间内容部分绝对定位。

2 实现步骤

  1. 准备基础 HTML 模板(下载: demos.html


2.修改