微信小程序day06

小程序中实现页面导航的两种方式
①声明式导航
在页面上声明一个导航组件
通过点击 组件实现页面跳转
②编程式导航
调用小程序的导航API,实现页面的跳转

导航到tabBar页面
tabBar页面指的是被配置为tabBar的页面。
在使用组件跳转到指定的tabBar页面时，需要指定url属性和open-type属性,其中:
url表示要跳转的页面的地址，必须以/开头
open-type 表示跳转的方式，必须为switchTab

<navigator url="/pages/message/message" open-type="switchTab">点击跳转</navigator>

导航到非tabBar页面
非tabBar页面指的是没有被配置为tabBar的页面。
在使用组件跳转到普通的非tabBar页面时，则需要指定url属性和open-type属性，其中:
url 表示要跳转的页面的地址，必须以/开头
open-type 表示跳转的方式，必须为navigate

<navigator url="/pages/info/info" open-type="navigate">点击跳转到非tabBar页面</navigator>

为了简便,在导航到非tabBar页面时，open-type=“navigate” 属性可以省略。

后退导航
如果要后退到上一页面或多级页面，则需要指定open-type属性和delta属性，其中:
open-type 的值必须是navigateBack,表示要进行后退导航
delta 的值必须是数字，表示要后退的层级

<navigator open-type="navigateBack" delte="1">后退</navigator>

为了简便，如果只是后退到上- -页面，则可以省略delta属性，因为其默认值就是1。

编程式导航
1.导航到tabBar页面
调用wx.switchTab(Object object)方法，可以跳转到tabBar页面。其中Object参数对象的属性列表如下:导航到非tabBar页面
调用wx.navigateTo(Object object)方法,可以跳转到非tabBar的页面。其中Object参数对象的属性列表
后退导航
调用wx.navigateBack(Object object)方法，可以返回上一-页面或多级页面。其中Object参数对象可选的声明式导航传参
navigator组件的url属性用来指定将要跳转到的页面的路径。同时，路径的后面还可以携带参数:
参数与路径之间使用?分隔
参数键与参数值用=相连
不同参数用&分隔
跳转传参

编程式导航传参
调用wx.navigateTo(Object object)方法跳转页面时，也可以携带参数

//这里是wxml里的
<button bindtap="gotoinfo2">点击传参</button>
//这里是js文件里的
gotoinfo2(){
    wx.navigateTo({
      url: '/pages/info/info?name=zs&age=12',
    })
  },

下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。

启用下拉刷新
启用下拉刷新有两种方式:
①全局开启下拉刷新
在app.json的window节点中，将enablePullDownRefresh设置为true
②局部开启下拉刷新
在页面的.json配置文件中，将enablePullDownRefresh设置为true

配置下拉刷新窗口的样式
在全局或页面的.json配置文件中，通过backgroundColor和backgroundTextStyle来配置下拉刷新窗口
的样式，其中:
backgroundColor用来配置下拉刷新窗口的背景颜色，仅支持16进制的颜色值
backgroundTextStyle用来配置下拉刷新loading的样式，仅支持dark和light