网店货源网,欢迎您!

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

淘宝货源怎么找 2019-11-17 17:30105未知admin

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

  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

  })

  }

  })

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


网店货源网 Copyright @ 网店货源网 版权所有 Power by DeDe58 备案号:宁ICP备05001262号-1

联系QQ: 625397933 邮箱地址:625397933@qq.com