Heim  >  Artikel  >  WeChat-Applet  >  WeChat Mini-Programmentwicklungskomponente – Navigation

WeChat Mini-Programmentwicklungskomponente – Navigation

黄舟
黄舟Original
2017-02-06 14:54:431948Durchsuche

navigator

页面链接。

tr>
属性名 类型 默认值 Anzeige
url String
属性名 类型 默认值 说明
url String
应用内的跳转链接
redirect Boolean false 是否关闭当前页面
hover-class String navigator-hover

指定点击时的样式类,

当hover-class="none"时,没有点击态效果

应用内的跳转链接
redirect Boolean false 是否关闭当前页面
hover-class String navigator-hover

指定点击时的样式类,

当hover-class="none"时,没有点击态效果

/** wxss **//** 修改默认的navigator点击态 **/.navigator-hover {    color:blue;}/** 自定义其他点击态样式类 **/.other-navigator-hover {    color:red;}
注:navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); Deckkraft: 0,7;}, 的子节点背景色应为透明色
<!-- sample.wxml -->
<view> 
<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
              })  
                  }  
  })
示例代码:


以上就是微信小程序开发组件 – 导航的内容,更多相关内容请关注PHP中文网(www.php.cn)!
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn