記錄微信小程序一些小細節

一.基本小設置

1，設置微信程序導航標題

onLoad() {
    wx.setNavigationBarTitle({
      title: `首頁`
    })
  },
複製代碼

2，微信小程序組件傳值

3，微信小程序自定義導航欄

在appjs的window內加入--- "navigationStyle": "custom"
複製代碼

注意：

wx.getSystemInfo 和 wx.getSystemInfoSync 獲取機器信息
screenHeight - windowHeight 計算標題欄高度
標題欄高度：
‘iPhone’: 64,
‘iPhone X’: 88,
‘android’: 68
複製代碼

4，微信小程序緩存區別

5，微信小程序import引入模塊（wxss/js/wxml）

1，寫好模塊佈局樣式，引入模塊佈局樣式，便可使用；

wxml引入文件：
@import "/components/swiper/swiper-default.wxml
wxss引入文件：
@import "/components/swiper/swiper-default.wxss";
複製代碼

6，封裝request;

const $get = (url, data) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url,
      data,
      header: { 'Content-Type': 'json' },
      success: resolve,
      fail: reject
    })
  })
}
// 使用
util.$get(`${movieUrl}/api/v2/article`, { app_id: 6, cid: 4, article_id: this.data.article_id }).then(res => {
  if (res.data.status === 0) {
    this.processData(type, res.data.data.articles)
  }
}).catch(e => {
  this.setData({
    isLoading: true,
    hasMore: false
  })
  wx.stopPullDownRefresh()
  wx.showToast({ title: `網絡錯誤!`, duration: 1000, icon: "none" })
})
複製代碼

7，小程序下拉刷新；

onPullDownRefresh:function()
  {
    wx.showNavigationBarLoading() //在標題欄中顯示加載
    //模擬加載
    setTimeout(function()
    {
      // complete
      wx.hideNavigationBarLoading() //完成中止加載
      wx.stopPullDownRefresh() //中止下拉刷新
    },1500);
  },
複製代碼