练习navigator 页面链接组件

好的，以下是练习 `navigator` 页面链接组件的步骤：

1. 在 `app.json` 文件中定义需要跳转的页面路径。例如，定义一个 `pages` 数组，其中包含两个页面路径：

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ],
  "window": {
    "navigationBarTitleText": "Navigator Demo"
  }
}

2. 在 `index.wxml` 文件中使用 `navigator` 组件，用于跳转到 `detail` 页面：

<view>
  <navigator url="/pages/detail/detail">
    <text>跳转到详情页</text>
  </navigator>
</view>

3. 在 `detail.wxml` 文件中使用 `navigator` 组件，用于返回 `index` 页面：

<view>
  <navigator url="/pages/index/index">
    <text>返回首页</text>
  </navigator>
</view>

4. 在 `detail.js` 文件中添加返回首页的事件处理函数：

Page({
  backToIndex: function() {
    wx.navigateBack({
      delta: 1
    })
  }
})

5. 在 `detail.wxml` 文件中使用 `button` 组件触发返回首页的事件处理函数：

<view>
  <button bindtap="backToIndex">返回首页</button>
</view>

这样就完成了使用 `navigator` 页面链接组件的练习。当点击跳转到详情页的链接时，会跳转到 `detail` 页面；而在 `detail` 页面中点击返回首页的按钮，则会返回到 `index` 页面。