如何在微信小程序中新建页面和页面跳转

 时间:2024-10-14 22:03:03

1、首先我们要在微信小程序里新建一个项目。

如何在微信小程序中新建页面和页面跳转

2、然后我们打开“app.json”,我们看一下里面的代码,然后我们可以看到“pages”,“pages”里的第一行代码对应的页面就是模拟器最开始展示的页面。

如何在微信小程序中新建页面和页面跳转

3、此时我们在“app.json”最前面添加两行代码"pages/shouye/shouye"和&鳎溻趄酃quot;pages/tiaozhuan/tiaozhuan",然后我们保存一下代码,就可以看到pages目录下多了两个文件夹,一个“shouye”文件夹和一个“tiaozhuan”文件夹,模拟器对应的是“shouye”页面。

如何在微信小程序中新建页面和页面跳转

4、然后我们打开“pages”目录下的“shouye”文件夹中的“shouye.wxml”,我们在页面中添加一个按钮,然后添加一点击事件和文字。

如何在微信小程序中新建页面和页面跳转

5、然后我们打开“pages”目录下的“shouye”文件夹中的“shouye.j衡痕贤伎s”,编写按钮点击事件,实现页面跳转。关于页面跳转路径的编写可参考“如何指定图片路径”。

如何在微信小程序中新建页面和页面跳转
  • AxureRP如何对元件内的文字进行样式修改
  • 如何用HBuilderX导入uni-app项目开发微信小程序
  • Animate/FLASH如何实现水平拖动图片(AS3)
  • Visual Studio中如何设置文本字体
  • vs2010 快速简单的找到连接数据库语句
  • 热门搜索
    普法知识手抄报 庆国庆迎中秋手抄报 我的梦想手抄报图片 三年级重阳节手抄报 食品安全手抄报资料 绿色手抄报内容 小学保护环境手抄报 安全手抄报内容大全 语文手抄报大全 三爱手抄报图片