支付宝小程序中页面的创建和路由跳转学习

第一步:

新建一个支付宝项目  名字为   zfb-demo

支付宝小程序中页面的创建和路由跳转学习

第二步: 

在 page 文件夹 上 鼠标右键,选择 新建小程序页面   命名  my

支付宝小程序中页面的创建和路由跳转学习

这个一个 my 的文件夹创建好了,编辑器自动帮你创建好 my.acss 、my.axml、 my.js、 my.json  这四个文件

并且在 app.js  文件帮你配好路由

支付宝小程序中页面的创建和路由跳转学习

 

 

第三步:

支付宝路由跳转

<1> a标签跳转

在html标签内使用navigator跳转,使用方式如下:

<navigator url="../my/my" hover-class="navigator-hover">点击跳转到新页面</navigator>

 

<2> 编程式导航-JS代码内部跳转

在 pages\index\index.axml  文件中 写入button 按钮

<button type="primary" onTap="change">跳转到my</button>

pages\index\index.js 文件中 写 change() 点击事件

	change() {
		// 事件处理
		console.log('我是点击事件')
		my.navigateTo({ url: '../my/my' })
	}