微信小程序学习之路 —— 大小比较器

新建项目

在创建空白目录后，项目目录中只有配置文件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>

下面是一些常用的页面组件