微信小程序导航源码详细说明

　　对于微信小程序的开发，导航的设置是必不可少的，当然，之前在微信小程序商店，小编已经介绍过很多相关的资料了，今天再给大家介绍一下小程序导航怎么开发，以下是微信小程序导航源码：

　　navigator导航

　　页面链接。

　　属*名类型默认值说明

　　urlString 应用内的跳转链接

　　open-typeStringnavigate小程序跳转方法

　　deltaNumber 当 open-type 为 'navigateBack' 时有效，表示回退的层数

　　hover-classStringnavigator-hover指定点击时的样式类，当hover-class="none"时，没有点击态效果

　　hover-start-timeNumber50按住后多久出现点击态，单位毫秒

　　hover-stay-timeNumber600手指松开后点击态保留时间，单位毫秒

　　open-type 有效值：

　　值说明最低版本

　　navigate对应 wx.navigateTo 的功能

　　redirect对应 wx.redirectTo 的功能

　　switchTab对应 wx.switchTab 的功能

　　reLaunch对应 wx.reLaunch 的功能1.1.0

　　navigateBack对应 wx.navigateBack 的功能1.1.0

　　注：navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子节点背景色应为透明色

　　示例代码：

　　/** wxss **/

　　/** 修改默认的navigator点击态 **/

　　.navigator-hover {

　　color:blue;

　　}

　　/** 自定义其他点击态样式类 **/

　　.other-navigator-hover {

　　color:red;

　　}

　　跳转到新页面

　　在当前页打开

　　切换 Tab

　　{{title}}

　　点击左上角返回回到之前页面

　　{{title}}

　　点击左上角返回回到上级页面

　　// redirect.js navigator.js

　　Page({

　　onLoad: function(options) {

　　this.setData({

　　title: options.title

　　})

　　}

　　})

　　以上就是微信小程序导航源码，如果大家需要开发小程序，在进行小程序导航设置的时候就用得上了，希望这份资料能够对大家有所帮助。

　　微信小程序音频直播开发源码

　　微信小程序商店源码，微信小程序应用商店源码

　　微信小程序广告页源码，小程序广告弹窗页面开发