WeChat mini-app wxapp navigation navigator

This article mainly introduces the detailed information about the wxapp navigation navigator, and provides a simple example code, for more information about wxapp navigation navigator, see the next article.

Applet wxapp navigation navigator

Recently, small programs have been very popular, and the screen has been flushed in the circle of friends, Weibo, forums, and other places. this is the spring of frontend, and front-end engineers can make a profit, so I learned the knowledge of small programs in my spare time. here we record:

Navigator

Attribute name	Type	Default value	Description
Url	String		Jump link in the application
Redirect	Boolean	False	Whether to close the current page
Hover-class	String	Navigator-hover	Specifies the style class when you click. when hover-class = "none", no click effect is displayed.

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

Sample code:

/** Wxss ** // ** modify the default navigator click State **/. navigator-hover {color: blue;}/** custom other click style classes **/. other-navigator-hover {color: red ;}

 
   
  
   
Jump to new page
    
  
   
Open on current page
  
 

 
 
  
{Title }}
 
 
  
Click the upper left corner to return to the previous page.
 

 
 
  
{Title }}
 
 
  
Click the upper left corner to return to the upper-level page.
 

// redirect.js navigator.jsPage({ onLoad: function(options) {  this.setData({   title: options.title  }) }})

Thank you for reading this article. I hope it will help you. thank you for your support for this site!

For more details about the wxapp navigation navigator, refer to the PHP Chinese website!