微信小程序中遇到的问题

在开发小程序的过程中遇到了一些问题，记录研究如下

1.小程序tabBar图标失真

左边的是失真的，右边的是处理后的。研究了一下，并请教了别人原来是png图片的分辨率太小了，一开始在iconfont阿里巴巴矢量图标库里下载了像素为16的png图片，结果失真，换成32之后就好了。

2.小程序下拉刷新不显示圆点，下拉不回弹

第一个小问题涉及到小程序中的json文件是配置文件,用来配置小程序页面，
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。
只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项.
两者的区别是，app.json 是全局型的下拉刷新，而***.json 是单个页面的下拉刷新
那么如何设置显示刷新小圆点呢？

第一步：

在单独的json文件中设置{ "enablePullDownRefresh": true}
表示是否开启下拉刷新，不是在全局json文件中设置

第二步：

开启下拉刷新之后，显示小圆点，在json文件中配置backgroundTextStyle来设置下拉背景字体、loading 图的样式为dark

全局，单个json文件中配置均都可以

解决了小圆点显示的问题，接下来就是解决下拉不回弹的问题
在前面开启了全局下拉刷新（单个json文件也可），接下来就是在js文件中监听用户下拉动作onPullDownRefresh: function () { },
在网络请求完成后调用wx.stopPullDownRefresh()来结束下拉刷新

写在js文件中
onPullDownRefresh: function () {
    // Do something when pull down.
    wx.stopPullDownRefresh()
  },

只在首页设置了下拉刷新

3.小程序的标题在开发工具上是居中的，在手机上是居左的

官方根本没有给出设置标题位置的方法；只是默认在ios 居中在android 居左