Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use WeChat Mini Programs's navigator

Shulou Source: shulou.com Published: 2022-06-01 07:09:18 11月15日 Update

This article mainly introduces the relevant knowledge of "how to use WeChat Mini Programs's navigator". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to use WeChat Mini Programs's navigator" can help you solve the problem.

Navigator

Link to the page.

The default value of the attribute name type indicates the jump link open-typeStringnavigate jump mode in the urlString application. DeltaNumber is valid when open-type is' navigateBack', indicating the number of layers of fallback hover-classStringnavigator-hover specifies the style class when clicked. When hover-class= "none", there is no click state effect. How long after hover-start-timeNumber50 is held down? click state retention time in milliseconds after hover-stay-timeNumber600 fingers release, unit millisecond

Valid values for open-type:

The value indicates that the minimum version of navigate corresponds to the function of wx.navigateTo, the function of redirect corresponds to the function of wx.redirectTo, the function of switchTab corresponds to the function of wx.switchTab, and the function of wx.reLaunch corresponds to the function of 1.1.0navigateBack, which corresponds to the function of wx.navigateBack.

Note: navigator-hover defaults to {background-color: rgba (0,0,0,0.1); opacity: 0.7;}, and the background color of the child node should be transparent.

Sample code:

/ * * wxss * * / * * modify the default navigator click state * * / .navigator-hover {color:blue;} / * * customize other click state style classes * * / .other-navigator-hover {color:red } Jump to the new page Open switch Tab {{title}} Click the upper left corner to return to the previous page {{title}} Click the upper left corner to return to the superior page / / redirect.js navigator.jsPage ({onLoad: function (options) {this.setData ({title: options.title})}) this is the end of the content about "how to use WeChat Mini Programs's navigator". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Tags: Function page program knowledge unit upper-left corner style industry link different practical minimum effective superior code content practicality actual attribute finger Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Xiaomi Apple Linux Shulou Information NVidia