微信小程序二(创建页面)
好了 hello world 创建好了 ,咱开始写页面了,那么如何创建一个简单的页面呢,
废话不多说,开始撸代码
新建一个页面需要以下几步,
view plain copy
- <view class="container">
- <text>这是我的test页面哦哦!!!text>
- view>
view plain copy
- //test.js
- //获取应用实例
- var app = getApp()
- Page({
- data: {
- userInfo: {}
- },
- onLoad: function () {
- console.log('onLoad test');
- }
- })
- //test.js
- //获取应用实例
- var app = getApp()
- Page({
- data: {
- userInfo: {}
- },
- onLoad: function () {
- console.log('onLoad test');
- }
- })
view plain copy
- <view class="btn-area">
- <navigator url="/pages/test/test" hover-class="navigator-hover">跳转test页面navigator>
- view>
7. 访问
一且准备就绪 ,点击左下角的 “编译”,出现如下 页面
然后 点击 “”跳转test页面“”
哇哈哈,看到了没,你的页面做好了!!!(注意所有页面编辑后 请按 ctrl + s 保存键)
不要走开,下节更精彩!