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