支付寶小程序中頁面的創建和路由跳轉學習

第一步：

新建一個支付寶項目  名字爲   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' })
	}