新建项目
在创建空白目录后，项目目录中只有配置文件project.config.json。此时单击“+”创建app.json文件，并在该文件中编写如下代码来新增一个index页面
{
"pages": [
"pages/index/index"
]
}
Ctrl+S保存并编译文件，开发者工具会自动创建pages/index目录，同时在该目录下创建index.js、index.json、index.wxml、index.wxss文件
这里我们首先要知道，模拟器中显示的界面就是page/index/index.wxml中的布局，在这里我们先编辑该文件
<view>
<text>请输入第一个数字：</text>
<input type="number"/>
</view>
<view>
<text>请输入第二个数字：</text>
<input type="number"/>
</view>
<button>比较</button>
<view>
<text>比较结果：</text>
</view>
下面是一些常用的页面组件
| 标签 |
功能 |
标签 |
功能 |
|---|
| <view> |
视图容器 |
<icon> |
图标文件 |
| <text> |
文本域 |
<checkbox> |
复选框 |
| <button> |
按钮 |
<radio> |
单选框 |
| <image> |
图片 |
<input> |
输入框 |
| <form> |
表单 |
<progress> |
进度条 |
页面效果：
| 
转播
