WeChat Mini Program Development Component—Navigation

黄舟
Release: 2017-02-06 14:54:43
Original
1788 people have browsed it

navigator

Page link.

Attribute nameTypeDefault valueDescription
urlString
In-app jump link
redirectBooleanfalseWhether to close the current page
hover-classStringnavigator- hover

Specify the style class when clicked,

When hover-class="none", there is no click state effect

Note: The default value of navigator-hover is {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, and the background color of the child node should be transparent

Example Code:

/** wxss **//** 修改默认的navigator点击态 **/.navigator-hover {    color:blue;}/** 自定义其他点击态样式类 **/.other-navigator-hover {    color:red;}
Copy after login

 
跳转到新页面 
在当前页打开
Copy after login

 {{title}} 
 点击左上角返回回到之前页面 

 {{title}} 
 点击左上角返回回到上级页面 
// redirect.js navigator.js
Page({
    onLoad: function(options) {
        this.setData({
            title: options.title
              })  
                  }  
  })
Copy after login

The above is the content of the WeChat applet development component-navigation. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact [email protected]
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!