新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序?qū)Ш絥avigator
navigator
基礎(chǔ)庫 1.0.0 開始支持,低版本需做 兼容處理。
在漢中等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒ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è),營銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),漢中網(wǎng)站建設(shè)費(fèi)用合理。
頁面鏈接。
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| 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í)有效,打開的頁面路徑,如果為空則打開首頁 | |
| 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í),沒有點(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 有效值:
| 值 | 說明 | 最低版本 |
|---|---|---|
| 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;}, 的子節(jié)點(diǎn)背景色應(yīng)為透明色
示例代碼:
/** wxss **/
/** 修改默認(rèn)的navigator點(diǎn)擊態(tài) **/
.navigator-hover {
color:blue;
}
/** 自定義其他點(diǎn)擊態(tài)樣式類 **/
.other-navigator-hover {
color:red;
}
跳轉(zhuǎn)到新頁面
在當(dāng)前頁打開
切換 Tab
{{title}}
點(diǎn)擊左上角返回回到之前頁面
{{title}}
點(diǎn)擊左上角返回回到上級(jí)頁面
// redirect.js navigator.js
Page({
onLoad: function(options) {
this.setData({
title: options.title
})
}
})
新聞名稱:創(chuàng)新互聯(lián)小程序教程:微信小程序?qū)Ш絥avigator
文章起源:http://www.dlmjj.cn/article/dhojdsp.html


咨詢
建站咨詢

