微信小程式仿阿姨幫實戰教程

2022-09-24 02:06:11 字數 572 閱讀 5494

我做的小程式是模仿手機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前後端經驗很容易入手,有增加 共計 記錄功能 審核很快,一天審核結束 後來發現已經之前有公司做了,尷尬,而...