• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 添加页面<a name="ZH-CN_TOPIC_0000001054607703"></a>
2
3-   [创建首页面](#section16935511143715)
4-   [创建详情页](#section122131729173819)
5
6## 创建首页面<a name="section16935511143715"></a>
7
8空气质量监测App包含两个界面（Page），工程创建完成后会生成一个名为index的Page，可以作为首页。工程目录如下图所示：
9
10**图 1**  工程目录<a name="fig16545205773718"></a>
11![](figures/工程目录.png "工程目录")
12
13## 创建详情页<a name="section122131729173819"></a>
14
15新增一个Page，作为详情页，具体步骤如下：
16
171.  pages目录右键 ，弹出的菜单中选择New、JS Page。
18
19    **图 2**  添加页面<a name="fig18740145216410"></a>
20    ![](figures/添加页面.png "添加页面")
21
222.  输入Page名称。
23
24    **图 3**  输入页面名称<a name="fig48491266714"></a>
25    ![](figures/输入页面名称.png "输入页面名称")
26
273.  确认创建结果。
28
29    详情页创建完成后应用工程目录如下图所示，每个Page包括三个文件：布局文件hml、样式文件css、业务逻辑代码js。
30
31    **图 4**  完整工程目录<a name="fig103015177819"></a>
32    ![](figures/完整工程目录.png "完整工程目录")
33
34
35