（２）创建一个页面

接下来就开始真正制作属于自己的小程序了

第一步：在pages 中添加一个目录

pages是一个页面文件夹，所以在它之下创建一个新的页面。

只需要选中pages文件夹右击创建一个新的文件夹test。然后再新建的test文件夹右击再新建一个page即可，系统会自动生成所需要的4个文件。

image.png

打开wxml类型文件，wxml是页面布局文件，我们要做一个页面首先就要布局
在wxml文件下添加代码

 <view class="container">  
    <text>这里需要汉字 </text>  
</view>  

然后打开test.js添加代码

var app = getApp()  
Page({  
  data: {  
    userInfo: {}  
  },  
  onLoad: function () {  
    console.log('onLoad test');  
  }  
})  

页面到此就算添加成功了,要想显示我们新加的页面必须有一个跳转才可以的 接下来就需要从主页跳转到我们新加的页面
在nidex.wxml文件下添加代码

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">跳转test页面</navigator>  
 </view>

image.png

image.png

第二步：添加页面标题
在新建文件下nidex.json下添加如下代码

{
  "navigationBarTitleText": "标题栏"
}

image.png