Detailed explanation of rolling examples of wechat applet bnner

Wechat applet bnner scroll

The first is the rotation chart. Autoplay automatically plays, interval rotation time and duration switching speed. You can add them according to your needs.

Delete: it is a delete button. It is hidden when it is loaded. After the user clicks the rotation chart, the rotation chart will be displayed in full screen.

Noclickimg and clickimg: switch between full screen and non full screen carousel. The click event changeclick is bound to switch. Just change the style.

Block: list of pictures.

Number_ IMG: current rotation index (currentnumber), and picture length collection (cardnum). Where currentnumber:

You can use VX: for pictures, which only realizes static scrolling;

Here you can see that in the full screen state, when the close button is clicked, getbackstyle switches the changeclick to imgfullscreen standby.

Index.js new:

On the details page, you can see that the information is basically in the same style. You can use the circular block provided by wechat.

If the above is not good, please give more guidance to enthusiasts. If there is a better effect, please give more guidance.

Thank you for reading, hope to help you, thank you for your support to this site!