小程序（三）

一、小程序打开默认某一个tab页

    在开发过程中，如果在写第四个tab页，可是每次打开的时候都会默认打开第一页，这个时候有两个办法：

（1）在app.json文件中，pages对象中把想要展示的第一个页面放在第一行，这样就可以了

app.json

（2）在编译模式下，可以设置启动页面

编译模式

二、小程序每个tab 页面上的标题名称

如果要每个tab用相同的名称，可以在app.json中，window对象中设置navigationBarTitleText，只要更改这个，就可以改各个tab页的名称

app.json

如果只是想改某一个tab页的标题名称，可以在它所在的页面下设置json文件，如"navigationBarTitleText": "个人中心"

设置标题名称

还有一个是动态返回名称，这个本人还没遇到过，在网上看到过相关方法，放在这儿，仅供参考

随数据库返回内容动态更新页面标题

//example.js加载时动态设置页面标题

//获取应用实例

var app = getApp();

Page({

  data: {},

  onLoad: function (options) {

    var that = this;

    that.setData({

      mername: options.mername//options为页面路由过程中传递的参数

    })

    wx.setNavigationBarTitle({

      title: that.data.mername//页面标题为路由参数

    })

  },

  onReady: function () {

    // 页面渲染完成

  },

  onShow: function () {

    // 页面显示

  },

  onHide: function () {

    // 页面隐藏

  },

  onUnload: function () {

    // 页面关闭

  }

})

原文：https://blog.csdn.net/m0_37893932/article/details/70155310

三、小程序屏幕自适应rpx

rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。

无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度，拿iPhone6来讲，屏幕宽度为375px，把它分为750rpx后， 1rpx = 0.5px。

微信小程序同时也支持rem尺寸单位， rem 规定屏幕的宽度为20rem, 所以 1rem = (750/20)rpx = 37.5 rpx

小程序rpx与px,rem的转换

原文：https://blog.csdn.net/starleejay/article/details/78910590

四、 小程序页面 background-url加载一张背景图片

在写PC页面，或者H5页面时，如果我们要使用背影图片，都会这么写 background-image: url("../images/photo.png");

但是在小程序里写发现，这样写，图片也出不来

发现小程序的背影图片是无法使用，需要base64或者网络图片才可能，如果用的是image标签则可以用本地图片

http://tool.css-js.com/base64.html  这个网址可以把图片转换成base64 但是这样写，编码太长，看上去太乱

转换成网络 地址，需要在服务器下

所以背景图片尽量使用image标签代替