首先data有這么幾個 :
titleList :標題數據
page:當前查詢頁
pageSize:當前查詢頁數量
total:查詢頁總數
wxml寫:
對應的wxss:
JS 實現:
修正: promise 不是 promies 手誤打錯,看懂即可
封裝好請求,然后頁面生命周期函數: 初始化好頁面就發一次請求:
請求好了 設置titleList 為響應體數據。 然后結合wxml(前面) 去循環遍歷出來。
下拉加載更多也其實是分頁的實現:
所以也是非常簡單的!
下拉刷新實現:
總結:
這里用到的是 整個頁面的下拉 和 整個頁面的 上划刷新效果
其實可以不這樣用,其實可以直接用 scroll-view 組件里面的 ,這樣的話更好一點,
其次關於srcoll-view 注意點:
縱向下滑如果沒效果 記得給個固定高度,其次橫向滑動的話 存在塊元素 那么記得 設置不換行。