Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use WeChat Mini Programs cover-view

Shulou Source: shulou.com Published: 2022-06-01 06:36:48 09月30日 Update

This article mainly introduces the relevant knowledge of "how to use WeChat Mini Programs cover-view". 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 cover-view" can help you solve the problem.

Cover-view

The basic library 1.4.0 is supported, and the lower version needs to be compatible.

A text view that overrides native components, including map, video, canvas, and supports nesting.

Property name has no cover-image

The basic library 1.4.0 is supported, and the lower version needs to be compatible.

Overlay the picture view above the native components, the native components that can be overridden are the same as cover-view, and support nesting in cover-view.

The default value of the attribute name type indicates the srcString icon path, which supports temporary paths. Base64 and network address are not supported at this time. Bug & Tips

Tip: can only be nested in native components map, video, canvas, avoid nesting in other components.

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, opacity, background-image, etc., is not supported.

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

Tip: css animation is not supported at this time.

Example:

00:00 .controls {position: relative; top: 50%; height: 50px; margin-top:-25px; display: flex;} .play, .pause, .time {flex: 1; height: 100%;} .time {text-align: center; background-color: rgba (0,0,0, .5); color: white; line-height: 50px;} .img {width: 40px; height: 40px; margin: 5px auto } Page ({onReady () {this.videoCtx = wx.createVideoContext ('myVideo')}, play () {this.videoCtx.play ()}, pause () {this.videoCtx.pause ()}) about "how to use WeChat Mini Programs cover-view" ends here, thank you for your 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: Support components programs text knowledge fundamentals attributes suggestions models versions nodes Industry views paths processing different practical events content Animation Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia Shulou Tech Info MariaDB Shulou Information MySQL