navigator
基础库 1.0.0 开始支持本组件。
页面链接,控制小程序的跳转。navigator
子节点的背景色应为透明色。
代码示例
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
---|---|---|---|---|---|
url | String | 是 | 跳转地址 | 1.0.0 | |
delta | Number | 1 | 否 | 当 open-type 为 'navigateBack' 时有效,表示回退的层数 | 1.0.0 |
open-type | String | navigate | 否 | 跳转方式,详情参见后面的说明 | 1.0.0 |
hover-class | String | navigator-hover | 否 | 指定点击时的样式类,当 hover-class="none"时,没有点击态效果类 | 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 |
open-type
取值范围:
值 | 说明 | 最低支持版本 |
---|---|---|
navigate | 对应 tt.navigateTo | 1.0.0 |
redirect | 对应 tt.redirectTo | 1.0.0 |
switchTab | 对应 tt.switchTab | 1.0.0 |
navigateBack | 对应 tt.navigateBack | 1.0.0 |
reLaunch | 对应 tt.reLaunch | 1.0.0 |
hover-class
默认值为 navigator-hover
,对应的样式为:
{
background-color: rgba(0, 0, 0, 0.1);
opacity: 0.7;
}
扫码体验
请使用字节宿主APP扫码
Bug & Tip
无
点击纠错
评价此篇文档