您的当前位置:首页正文

微信小程序(2 搭建home页面)

2024-12-03 来源:个人技术集锦

在小程序中,每一个完整的页面有包含.wxml .js .json .wxss 四个文件,在开发者工具中,有一种快速创建这四个文件的方法。

2、跳转到 home 页面

目标: 点击 index 页面中的头像跳转到home页面

实现过程:

app.json 中添加 home 页面的配置信息。

修改 index.js 中的 bindViewTap 函数。

 //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  }

现在点击index 页面的头像后,页面跳转到 logs 页面。修改函数使页面跳转到 home 页面。

//事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../home/home'
    })
  }

重新编译项目后,点击头像发现页面现在已经成功的跳转到了 home界面。大功告成。

显示全文