支付寶小程序電商版開發(小程序文件樹、模擬器、調試器)說明

支付寶小程序在開發風格和開發流程上與微信小程序區別不是很大,對有基礎的開發者來說多動手實戰積累經驗多了上手應該很快,下面簡要介紹一下,文本樹、模擬器、調試器的使用方法.

開發者打開支付寶小程序開發工具,初始界面如下:

支付寶小程序電商版開發(小程序文件樹、模擬器、調試器)說明

左側是文件目錄樹中間為代碼區右側為模擬器

從文件目錄結構我們先看一下app.acss、app.js、app.json這幾個,做過微信小程序開發的同學咋一看到這個支付寶的這種風格與微信的會很相似,名字上就差了幾個字母,作用是一樣的。

像底部tabbar的設置在側就是app.json/代碼區/模擬分別如下:

支付寶小程序電商版開發(小程序文件樹、模擬器、調試器)說明

像底部tabbar中的icon圖片替換修改後臺我們再處理,先學主要實用的,我們上來直接從首頁view的UI繪製來實戰一步步學習開始


分享到:


相關文章: