建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序?qū)Ш絥avigator
navigator
基礎(chǔ)庫 1.0.0 開始支持，低版本需做 兼容處理。
在漢中等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作按需求定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),漢中網(wǎng)站建設(shè)費用合理。
頁面鏈接。
| 屬性名 | 類型 | 默認值 | 說明 |
|---|---|---|---|
| target | String | self | 在哪個目標上發(fā)生跳轉(zhuǎn)，默認當前小程序，可選值self/miniProgram |
| url | String | 應(yīng)用內(nèi)的跳轉(zhuǎn)鏈接 | |
| open-type | String | navigate | 跳轉(zhuǎn)方式 |
| delta | Number | 當 open-type 為 'navigateBack' 時有效，表示回退的層數(shù) | |
| app-id | String | 當target="miniProgram"時有效，要打開的小程序 appId | |
| path | String | 當target="miniProgram"時有效，打開的頁面路徑，如果為空則打開首頁 | |
| extra-data | Object | 當target="miniProgram"時有效，需要傳遞給目標小程序的數(shù)據(jù)，目標小程序可在 App.onLaunch() ，App.onShow() 中獲取到這份數(shù)據(jù)。 | |
| version | version | release | 當target="miniProgram"時有效，要打開的小程序版本，有效值 develop（開發(fā)版），trial（體驗版），release（正式版），僅在當前小程序為開發(fā)版或體驗版時此參數(shù)有效；如果當前小程序是正式版，則打開的小程序必定是正式版。 |
| hover-class | String | navigator-hover | 指定點擊時的樣式類，當hover-class="none"時，沒有點擊態(tài)效果 |
| hover-stop-propagation | Boolean | false | 指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài) |
| hover-start-time | Number | 50 | 按住后多久出現(xiàn)點擊態(tài)，單位毫秒 |
| hover-stay-time | Number | 600 | 手指松開后點擊態(tài)保留時間，單位毫秒 |
| bindsuccess | String | 當target="miniProgram"時有效，跳轉(zhuǎn)小程序成功 | |
| bindfail | String | 當target="miniProgram"時有效，跳轉(zhuǎn)小程序失敗 | |
| bindcomplete | String | 當target="miniProgram"時有效，跳轉(zhuǎn)小程序完成 |
open-type 有效值：
| 值 | 說明 | 最低版本 |
|---|---|---|
| navigate | 對應(yīng)wx.navigateTo的功能 | |
| redirect | 對應(yīng)wx.redirectTo的功能 | |
| switchTab | 對應(yīng)wx.switchTab的功能 | |
| reLaunch | 對應(yīng)wx.reLaunch的功能 | 1.1.0 |
| navigateBack | 對應(yīng)wx.navigateBack的功能 | 1.1.0 |
| exit | 退出小程序，target="miniProgram"時生效 | 2.1.0 |
注：navigator-hover默認為{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;},
示例代碼：
/** wxss **/
/** 修改默認的navigator點擊態(tài) **/
.navigator-hover {
color:blue;
}
/** 自定義其他點擊態(tài)樣式類 **/
.other-navigator-hover {
color:red;
}
跳轉(zhuǎn)到新頁面
在當前頁打開
切換 Tab
{{title}}
點擊左上角返回回到之前頁面
{{title}}
點擊左上角返回回到上級頁面
// redirect.js navigator.js
Page({
onLoad: function(options) {
this.setData({
title: options.title
})
}
})
網(wǎng)站欄目：創(chuàng)新互聯(lián)小程序教程：微信小程序?qū)Ш絥avigator
鏈接URL：http://m.fisionsoft.com.cn/article/dhojdsp.html
