4.8开发技能：移动页面开发

在设计器的页面视图导航栏中，有一个移动模块。当开发人员使用移动浏览器访问设计页面时，他将进入移动模块页面。在PC端使用Chrome浏览器时，输入URL以进入移动模块页面。首先按F12，然后按ctrl+shift+m以模拟手机的效果。

输入以进入移动模块页面。但是，主页上导航栏的样式不同。它是手机底部的一排标签。当URL中没有选项卡时，主页的导航栏位于页面上部的左侧，默认情况下，该栏会折叠。您需要单击它来展开它。

使用模板生成页面时，将同步生成页面文件的移动版本。然而，页面内容还不够完善，需要修改。打开页面文件，您可以像开发普通页面一样开发移动页面。

在开发手机页面时，通常使用容器组控件。由于手机页面的大小变化很大，因此需要自适应地调整页面。页面通常设置为网格布局容器、弹性布局容器、div容器等。页面通常不会设置为默认的表格布局，表格布局在不同的手机上显示不同。

例如，从控件导航栏，我们可以将一个9网格控件拖动到移动页面。

此时，选择整个九宫控制区。右侧属性栏的值中有一个ds.select（ds.id）。取消选择该区域后，该值将以绿色字体显示在该区域的左上方。如果该值是可展开的，则整个区域将使用该值展开。

类似地，我们随机选择一些单元格并将其设置为区域，然后将扩展公式写入区域属性列的值项的公式中，区域将随值展开。

标签组控件可以放置在移动电话页面的底部，这使得可以很容易地在同一模块的页面之间跳转，而不依赖于移动电话菜单键和返回键。

移动页面功能的开发与PC端完全相同。开发人员只需要注意布局和样式。