微信小程序二(创建页面)


好了 hello world 创建好了 ,咱开始写页面了,那么如何创建一个简单的页面呢,

废话不多说,开始撸代码

新建一个页面需要以下几步,

view plain copy
  1. <view class="container">  
  2.     <text>这是我的test页面哦哦!!!text>  
  3. view>  

view plain copy
  1. //test.js  
  2. //获取应用实例  
  3. var app = getApp()  
  4. Page({  
  5.   data: {  
  6.     userInfo: {}  
  7.   },  
  8.   onLoad: function () {  
  9.     console.log('onLoad test');  
  10.   }  
  11. })  



view plain copy
  1. <view class="btn-area">  
  2.    <navigator url="/pages/test/test" hover-class="navigator-hover">跳转test页面navigator>  
  3.  view>  

7. 访问

一且准备就绪 ,点击左下角的 “编译”,出现如下 页面 

然后 点击 “”跳转test页面“”

哇哈哈,看到了没,你的页面做好了!!!(注意所有页面编辑后 请按 ctrl + s 保存键)

不要走开,下节更精彩!