Shulou(Shulou.com)06/01 Report--

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

Collection of tip in Mini Program component:

1.view (view container. )

1.tip: if you need to use scrolling views, use scroll-view.

2.scroll-view (scrollable view area. )

Tip: do not use textarea, map, canvas, video components in scroll-view tip: scroll-into-view is higher than scroll-toptip: page rebound is blocked when scrolling scroll-view, so scrolling in scroll-view cannot trigger onPullDownRefreshtip: to use drop-down refresh, use page scrolling instead of scroll-view, so you can also return to the top of the page by clicking on the top status bar

3.swiper (slider view container. )

1.tip: if you use setData in the event callback function of bindchange to change the current value, it is possible to cause setData to be called incessantly, so usually check the source field before changing the current value to determine whether it is caused by user touch.

Movable-area (removable view container that can be dragged and slid in the page)

Note: movable-area must set the width and height attributes. If not, the default is 10px.

Cover-view (text view on top of native components, native components that can be overridden)

Including map, video, canvas and camera. Only nested cover-view and cover-image are supported.

Tip: basic library 1.9.90 cover-view supports overflow: scroll, but does not support dynamic updates

Overflowtip: the outermost cover-view supports position: fixedtip from 1.9.90 on the base library: from 1.9.0 on the base library, it can be inserted under the tags such as view. Before that, you can only nest within the native components map, video, canvas, and camera to avoid nesting within other components.

Tip: the base library supports css transition animation since 1.6.0, while transition-property only supports transform (translateX, translateY) and opacity. Tip: the base library supports css opacity since 1.6.0.

Tip: the event model follows the bubbling model, but does not bubble to native components. Tip: text suggestions should be tagged with cover-view to avoid typesetting errors.

Tip: only basic positioning, layout, and text styles are supported. Setting unilateral border, background-image, shadow, overflow: visible, etc., is not supported.

Tip: it is recommended that the child node not overflow the parent node

Tip: the default styles are: white-space: nowrap; line-height: 1.2; display: block

Rich-text

Tip: the String type is not recommended for nodes, and performance will be degraded.

Tip: shields events from all nodes within the rich-text component.

Tip: the attrs attribute does not support id, but supports class. Tip: the name property is case-insensitive.

Tip: if an untrusted HTML node is used, that node and all its children will be removed.

Tip: the img tag only supports web images.

Tip: if you use the rich-text component in a custom component, only the wxss style of the custom component takes effect on class in rich-text.

That's all for the content about "how to use Mini Program tip Collection". 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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.