添加页面
创建首页面
空气质量监测App包含两个界面(Page),工程创建完成后会生成一个名为index的Page,可以作为首页。工程目录如下图所示:
图 1 工程目录
![工程目录](figure/%E5%B7%A5%E7%A8%8B%E7%9B%AE%E5%BD%95.png)
创建详情页
新增一个Page,作为详情页,具体步骤如下:
-
pages目录右键 ,弹出的菜单中选择New、JS Page。
图 2 添加页面
![添加页面](figure/%E6%B7%BB%E5%8A%A0%E9%A1%B5%E9%9D%A2.png)
-
输入Page名称。
图 3 输入页面名称
![输入页面名称](figure/%E8%BE%93%E5%85%A5%E9%A1%B5%E9%9D%A2%E5%90%8D%E7%A7%B0.png)
-
确认创建结果。
详情页创建完成后应用工程目录如下图所示,每个Page包括三个文件:布局文件hml、样式文件css、业务逻辑代码js。
图 4 完整工程目录
![完整工程目录](figure/%E5%AE%8C%E6%95%B4%E5%B7%A5%E7%A8%8B%E7%9B%AE%E5%BD%95.png)