原生微信小程式開發記錄

hy_發表於2019-06-08
微信小程式

swiper：

<swiper
  class='banner' 
  autoplay='true' 
  interval='1000' 
  circular='true'
>  
  <swiper-item><view>1</view></swiper-item>
  <swiper-item><view>1</view></swiper-item>
  <swiper-item><view>1</view></swiper-item>
</swiper>複製程式碼

主要是寫一些引數：

  • autoplay：自動播放
  • interval：播放間隔事件
  • circular：銜接播放
  • vertical：豎直滾動，可以做活動播放

注意點：

預設高度是150px，可以自己給swiper新增類名，設定高度值

rpx：

記住一點即可，iPhone6螢幕寬度是375px，共750個物理畫素，在iPhone6下1rpx = 375/750 = 0.5px，所以開發時量iPhone6的設計稿使用rpx單位即可

頁面下拉重新整理

參照開發文件在json檔案新增配置，在js檔案新增onPullDownRefresh()

注意點：微信開發者工具我在下拉的過程中沒有觸發監聽，在真機模擬的時候觸發了 

微信小程式在使用者返回到桌面後，那個離開的頁面會執行onHide() 

再次進入小程式執行onShow() 

點選左上角返回按鈕，當前頁面執行onUnload()，解除安裝頁面 

 進入首頁 app.onShow(options) 

返回到桌面再次進入小程式，app.onShow(options)都會執行，

根據場景值判斷從哪進入小程式 

scene ===1089表示從桌面進入已經處於後臺的小程式（Redmi K20 Pro測試）

未完待續:)


相關文章