字节跳动小程序开发组件文档 navigator

由 卓别林 创建, 最后一次修改 2019-08-09

页面链接。

属性名 类型 默认值 说明 最低版本
url String 跳转地址 1.0.0
delta Number 当 open-type 为 'navigateBack' 时有效,表示回退的层数 1.0.0
open-type String navigate 跳转方式,详情参见后面的说明 1.0.0
hover-class String navigator-hover 点击时的样式类 1.0.0
hover-start-time Number 50 按住后多事件后出现点击状态,单位毫秒 1.0.0
hover-stay-time Number 400 手指松开后点击状态保留时间,单位毫秒 1.0.0
hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 1.0.0
navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;},  的子节点背景色应为透明色

open-type取值范围:

说明
navigate 对应 tt.navigateTo
redirect 对应 tt.redirectTo
switchTab 对应 tt.switchTab
navigateBack 对应 对应 tt.navigateBack

示例


开发者工具中预览

<navigator url="./navigate">
  <view class="nav-btn">Navigate</view>
</navigator>
<navigator url="./navigate" hover-class="other-navigator-hover">
  <view class="nav-btn">Cutom hover-class</view>
</navigator>
<navigator url="./redirect" open-type="redirect">
  <view class="nav-btn">Redirect</view>
</navigator>
<navigator open-type="navigateBack">
  <view class="nav-btn">Navigate back</view>
</navigator>


以上内容是否对您有帮助:
二维码
建议反馈
二维码