在開發(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 居左