navigator

2020-02-11 18:45 更新

基礎(chǔ)庫 1.0.0 開始支持本組件。

頁面鏈接。

屬性名	類型	默認(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

open-type 取值范圍：

值	說明
navigate	對應(yīng) `tt.navigateTo`
redirect	對應(yīng) `tt.redirectTo`
switchTab	對應(yīng) `tt.switchTab`
navigateBack	對應(yīng) `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>

Bug & Tip

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

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

← textarea

image →

寫筆記

我要補充