小程序開發筆記1


APP.Json

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#FFF",
    "navigationBarTitleText": "測試標題",
    "navigationBarTextStyle":"black",
    "enablePullDownRefresh":true,
     "backgroundTextStyle": "dark"

   
 控制是否可以拖動
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

 

 

 

enablePullDownRefresh 支持下拉刷新

在json中配置支持下拉刷新,即:

"enablePullDownRefresh": true // 請注意是true,不是"true"字符串,

// 部分開發者發現設置了還是無效,
// 可能是因爲設置的"enablePullDownRefresh": "true"
這個可以在app.json中進行全局配置,使所有頁面都帶有下拉刷新功能;也可以在需要下拉刷新功能的page對應的json中配置。
這下好了,下拉刷新功能完成了。

backgroundTextStyle 頂部有三個點閃爍的動畫
,"backgroundTextStyle": "",支持 dark/light;因爲我的背景是白色的,此時,不進行這個配置,因爲顏色的緣故,三個點閃爍的動畫就看不到了,因此,白色背景需要進行以下配置:


"backgroundTextStyle": "dark"

stopPullDownRefresh停止
微信小程序還提供了停止下拉刷新效果的api,如果發現進入刷新狀態,無法停止,可以使用這個api

wx.stopPullDownRefresh(); 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章