多页面跳转

Author: coderwhy

app.json

@@ -1,6 +1,20 @@
 {
   "pages": [
     "pages/home/home",
-    "pages/about/about"
-  ]
+    "pages/about/about",
+    "pages/detail/detail",
+    "pages/comment/comment"
+  ],
+  "tabBar": {
+    "list": [
+      {
+        "pagePath": "pages/home/home",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/about/about",
+        "text": "关于"
+      }
+    ]
+  }
 }

pages/comment/comment.js

@@ -0,0 +1,66 @@
+// pages/comment/comment.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/comment/comment.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/comment/comment.wxml

@@ -0,0 +1,4 @@
+<!--pages/comment/comment.wxml-->
+<text>pages/comment/comment.wxml</text>
+
+<navigator open-type='navigateBack' delta="2">返回首页</navigator>

pages/comment/comment.wxss

@@ -0,0 +1 @@
+/* pages/comment/comment.wxss */

pages/detail/detail.js

@@ -0,0 +1,22 @@
+// pages/detail/detail.js
+Page({
+  onLoad: function (options) {
+    console.log(options)
+  },
+  onUnload() {
+    // 1.获取首页的页面对象
+    // getCurrentPages当前所有栈的页面
+    const pages = getCurrentPages()
+    const home = pages[pages.length - 2]
+
+    // 2.调用页面对象的setData
+    home.setData({
+      title: '呵呵呵'
+    })
+  },
+  handleBackHome() {
+    wx.navigateBack({
+      delta: 1
+    })
+  }
+})

pages/detail/detail.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/detail/detail.wxml

@@ -0,0 +1,8 @@
+<!--pages/detail/detail.wxml-->
+<text>pages/detail/detail.wxml</text>
+
+<navigator url='/pages/comment/comment'>跳到评论页</navigator>
+
+<navigator open-type='navigateBack'>返回</navigator>
+
+<button size='mini' bind:tap="handleBackHome">返回</button>

pages/detail/detail.wxss

@@ -0,0 +1 @@
+/* pages/detail/detail.wxss */

pages/home/home.js

@@ -5,62 +5,15 @@ Page({
    * 页面的初始数据
    */
   data: {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (options) {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
+    title: '哈哈哈'
   },
+  handlePushDetail() {
+    wx.navigateTo({
+      url: '/pages/detail/detail?title=你好啊',
+    })
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
-
+    // wx.redirectTo({
+    //   url: '',
+    // })
   }
 })