navigator

页面链接。

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

open-type取值范围：

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

示例

  1. <navigator url="./navigate">
  2.   <view class="nav-btn">Navigate</view>
  3. </navigator>
  4. <navigator url="./navigate" hover-class="other-navigator-hover">
  5.   <view class="nav-btn">Cutom hover-class</view>
  6. </navigator>
  7. <navigator url="./redirect" open-type="redirect">
  8.   <view class="nav-btn">Redirect</view>
  9. </navigator>
  10. <navigator open-type="navigateBack">
  11.   <view class="nav-btn">Navigate back</view>
  12. </navigator>

原文: https://developer.toutiao.com/docs/comp/navigator.html