在開發(fā)小程序的過程中遇到了一些問題,記錄研究如下
1.小程序tabBar圖標(biāo)失真

左邊的是失真的,右邊的是處理后的。研究了一下,并請教了別人原來是png圖片的分辨率太小了,一開始在iconfont阿里巴巴矢量圖標(biāo)庫里下載了像素為16的png圖片,結(jié)果失真,換成32之后就好了。
2.小程序下拉刷新不顯示圓點,下拉不回彈
第一個小問題涉及到小程序中的json文件是配置文件,用來配置小程序頁面,
每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進(jìn)行配置。
只是設(shè)置 app.json 中的 window 配置項的內(nèi)容,頁面中配置項會覆蓋 app.json 的 window 中相同的配置項.
兩者的區(qū)別是,app.json 是全局型的下拉刷新,而***.json 是單個頁面的下拉刷新
那么如何設(shè)置顯示刷新小圓點呢?
第一步:
在單獨的json文件中設(shè)置{ "enablePullDownRefresh": true}
表示是否開啟下拉刷新,不是在全局json文件中設(shè)置
第二步:
開啟下拉刷新之后,顯示小圓點,在json文件中配置backgroundTextStyle來設(shè)置下拉背景字體、loading 圖的樣式為dark
全局,單個json文件中配置均都可以
解決了小圓點顯示的問題,接下來就是解決下拉不回彈的問題
在前面開啟了全局下拉刷新(單個json文件也可),接下來就是在js文件中監(jiān)聽用戶下拉動作onPullDownRefresh: function () { },
在網(wǎng)絡(luò)請求完成后調(diào)用wx.stopPullDownRefresh()來結(jié)束下拉刷新
寫在js文件中
onPullDownRefresh: function () {
// Do something when pull down.
wx.stopPullDownRefresh()
},

只在首頁設(shè)置了下拉刷新
3.小程序的標(biāo)題在開發(fā)工具上是居中的,在手機上是居左的
官方根本沒有給出設(shè)置標(biāo)題位置的方法;只是默認(rèn)在ios 居中 在android 居左