字節(jié)跳動小程序開發(fā)組件文檔 navigator

2019-08-09 14:37 更新

頁面鏈接。

屬性名	類型	默認(rèn)值	說明	最低版本
url	String		跳轉(zhuǎn)地址	1.0.0
delta	Number		當(dāng) open-type 為 'navigateBack' 時有效，表示回退的層數(shù)	1.0.0
open-type	String	navigate	跳轉(zhuǎn)方式，詳情參見后面的說明	1.0.0
hover-class	String	navigator-hover	點擊時的樣式類	1.0.0
hover-start-time	Number	50	按住后多事件后出現(xiàn)點擊狀態(tài)，單位毫秒	1.0.0
hover-stay-time	Number	400	手指松開后點擊狀態(tài)保留時間，單位毫秒	1.0.0
hover-stop-propagation	Boolean	false	指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)	1.0.0

navigator-hover 默認(rèn)為 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子節(jié)點背景色應(yīng)為透明色

open-type取值范圍：

值	說明
navigate	對應(yīng) `tt.navigateTo`
redirect	對應(yīng) `tt.redirectTo`
switchTab	對應(yīng) `tt.switchTab`
navigateBack	對應(yīng) 對應(yīng) `tt.navigateBack`

示例

開發(fā)者工具中預(yù)覽

<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>

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充