我做的小程式是模仿手機app版的阿姨幫軟體,主要實現的功能有:
地理定位
地圖選址
預約服務
下單檢視訂單
頁面跳轉
底欄切換良好互動
輪播首先先要解釋我的資料**,我使用的是用mock來模擬資料,詳情看 mock是乙個視覺化工具,能快速生成模擬資料的服務,它能為我們提供乙個資料介面url,這要我們就能夠使用request傳送資料請求了。其次要解釋的是使用者登入問題,我選擇的使用微信賬號登入,使用小程式自帶的wx.getuseinfo()應用介面來獲取使用者的資訊,當然它首先會呼叫wx.login介面,詢問使用者是否給予許可權。先就交代這兩點,讓我們正式進入主題:
功能實現
輪播圖 & 底欄互動 & 頁面跳轉
先來看看主介面:
image text
這個介面用到了微信小程式自帶的輪播圖(swiper)元件以及底欄(tabbar)元件,能夠快速的實現我們想要的輪播和底欄切換的效果,而這些用原生js或者jquery來coding都是很麻煩的. 讓我們來看看微信小程式是如何實現的吧:
html結構
}js配置
page(
微信小程式仿微信語音
先看一下效果 觸控開始 touchstart function e this.recordermanager.start 觸控結束 touchend function e this.recordermanager.stop console.log 按了 shijian 秒 console.log w...
微信小程式 雲開發實戰教程
雲函式,雲儲存,雲資料庫,雲呼叫 index.js 是入口檔案,雲函式被呼叫時會執行該檔案匯出的 main 方法 const cloud require wx server sdk exports.main event,context event let sum a b return pages m...
微信小程式實戰入門
一 簡介 參考 二 工程 參考 quickstart basic file.html 工具設計介面可調整機型 顯示百分比 資料連線方式。三 發布 個人上線了乙個木材材積計算器 兩天做的,有web前後端經驗很容易入手,有增加 共計 記錄功能 審核很快,一天審核結束 後來發現已經之前有公司做了,尷尬,而...