navigator 页面链接

页面链接。

属性名 类型 默认值 说明
url String   应用内的跳转链接
redirect Boolean false 是否关闭当前页面
hover-class String navigator-hover 指定点击时的样式类,当hover-class="none"时,没有点击态效果

注:navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}<navigator/>的子节点背景色应为透明色

示例代码:

/** wxss **/
/** 修改默认的navigator点击态 **/
.navigator-hover {
    color:blue;
}
/** 自定义其他点击态样式类 **/
.other-navigator-hover {
    color:red;
}
<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator>
</view>
<!-- navigator.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 点击左上角返回回到之前页面 </view>
<!-- redirect.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 点击左上角返回回到上级页面 </view>
// redirect.js navigator.js
Page({
  onLoad: function(options) {
    this.setData({
      title: options.title
    })
  }
})
时间: 2024-10-21 03:27:54

navigator 页面链接的相关文章

爬虫技术(六)-- 使用HtmlAgilityPack获取页面链接(附c#代码及插件下载)

菜鸟HtmlAgilityPack初体验...弱弱的代码... Html Agility Pack是一个开源项目,为网页提供了标准的DOM API和XPath导航.使用WebBrowser和HttpWebRequest下载的网页可以用Html Agility Pack来解析. HtmlAgilityPack的文档是CHM格式的,有时会无法正常阅读CHM格式的文件.如果是IE不能链接到您请求的网页或者打开后"页面无法显示".请在要打开的CHM文件上右击属性,会在底下属性多了个"

基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现

在一个系统里面,往往有很多菜单项目,每个菜单项对应一个页面,一般用户只需要用到一些常用的功能,如果每次都需要去各个层次的菜单里面去找对应的功能,那确实有点繁琐.特别是在菜单繁多,而客户又对系统整体不熟悉的情况下,如果有一个类似浏览器的收藏夹模块,把一些常用的菜单连接保存起来,每次从这个收藏夹主页去找对应的页面,那样确实是省事省力,非常方便.本篇随笔就是介绍在基于Metronic的Bootstrap开发框架里面实现这个收藏夹的思路. 1.系统的收藏夹界面处理效果 为了实现这个收藏夹功能,我们也需要

自动检查页面链接是否有效

Function?CheckAllLinkReachable(strBrowser,?strPage,?strURLPattern) Dim?blnReachable blnReachable?=?True Set?bjXML?=?CreateObject("Msxml2.XMLHTTP") '?Get?all?link?on?the?page Set?bjDes?=?Description.Create objDes("micclass").Value?=?&qu

1.5 页面链接&lt;A&gt;标签

<A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形.音频.视频)甚至到同一文档的另一部分的链接.当用户单击超级链接时,就会进入链接中指定的URL.超级链接可链接到:同一文档的特定部分,其他文档,其他文件——图像.音频.视频剪辑,其他站点等. 要创建超级链接,应指定以下两个组件: (1) 要链接文件的完整地址或URL. (2) 将提供链接的热点.热点可以是文本行,也可以是图像.当用户单击热点时,浏览器将读取URL中指定的地址并“跳”到新的位置. 锚记<A>标签用

Dynamics CRM2016 新功能之从CRM APP通过电子邮件发送页面链接

通过电子邮件发送页面链接在PC端早就有了.但APP端却始终没有.这版加上了这个功能.这里还是以case为例,发送页面链接的方式有两种 第一种在list界面,长按你要share的数据,会出来选项sharelink.图标是个邮件,即通过邮件形式share 另外一种是点进详细的数据,依然点右下角的省略号图标,会出来sharelink的选项 点击sharelink后会调用本地email来发送.发出去的email带两个链接地址.前者是APP地址,假设接收者本地也有CRM的APP直接调用显示,假设没有则点击

基于Metronic的Bootstrap开发框架经验总结(13)--页面链接收藏夹功能的实现2

在上篇随笔<基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现>上,我介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理.该篇随笔主要使用功能按钮的方式移动收藏记录,功能虽然实现的还算不错,不过文章出来后,有读者同行指出可以利用直接拖动的方式实现排序更方便,因此对其中列表记录的排序进行了研究,从而介绍了如何利用Sortable开源JS组件实现拖动排序的处理,本篇随笔介绍了该组件在连接收藏夹排序中的应用. 1.收藏记录的排序处理回顾 上篇随笔介绍的收藏

页面链接跳转方法

一.window.location.href 是实现页面链接跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浏览器对象</title> <style> div{ width: 500px; margin:0 auto; } </style> </head> <

在 Mockplus 设置页面链接,实现页面交互

在Mockplus中,可以轻松设置页面链接,方法有二: 一.直接拖拽 1 点击某个组件,此时组件上方出现小工具栏. 2 拖拽(点击后不放手)小工具栏上的那个闪电图标,一直拖到右侧的项目树中某个页面上. 3 行了,链接已经设置好. 如下视频: 二.手工详细设置 1 点击某个组件,此时组件上方出现小工具栏. 2 直接点击(非拖拽)小工具栏上的那个闪电图标,此时出现链接面板. 3 在链接面板上选择一个目标页面.同时设置动作和动画. 三.注意,目前,多链接的组件(比如树.列表.表格.选项卡等)不能直接拖

小程序页面链接-navigator(导航)

navigator-页面链接-通过设置open-type的值来确定页面的打开方式. <view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator> <navigator url="../../redire