微信小程序中遇到的問題

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,209評論 3 119
  • 暢快揮桿,激情出海,休閑度假 【惠東巽寮】寶興巽寮灣休閑度假2日 活動時間:3月15日—3月31日 平日:¥990...
    老關(guān)中閱讀 673評論 0 0
  • 最近一周倒是沒什么好記的。認(rèn)真說來,這周比較關(guān)注的內(nèi)容是《大話西游》將要再次上映完整版。 看到這個消息后,我留言一...
    mylkevin閱讀 484評論 0 0
  • 簡書現(xiàn)在的 Markdown 圖片會生成下面的注釋部分,并且使用 Markdown 語法中的 Alt 部分的內(nèi)容作...
    簡書閱讀 976評論 3 4
  • 01 工作以來,自己做過銷售,后來也與銷售同事一起合作,觀察學(xué)習(xí)很多優(yōu)秀的銷售人事,想寫寫銷售路上的職業(yè)思考。 一...
    我是靜靜_閱讀 663評論 0 1

友情鏈接更多精彩內(nèi)容