Get the App
SLTechnology News&Howtos  ›  Development  › 

How to realize the rotated Picture of Mini Program

Shulou Source: shulou.com Published: 2022-06-01 05:48:39 10月25日 Update

This article mainly introduces "how to realize the rotation map on Mini Program". In the daily operation, I believe that many people have doubts about how to realize the rotation map on Mini Program. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "how to realize the rotation map on Mini Program". Next, please follow the editor to study!

Use the swiper control provided by Wechat to add a control to the page wxml

Set the style in wxss

.swiper {

Height: 400rpx

Width: 100%

}

.swiper image {

Height: 100%

Width: 100%

}

Set up data in js

Data: {

Background: [

{url:'../../images/banner/banner1.jpeg'}

{url:'.. /.. / images/banner/banner2.png'}

{url:'.. /.. / images/banner/banner3.png'}

]

IndicatorDots: true

Vertical: false

Autoplay: true

Interval: 2000

Duration: 500

}

At this point, the study on "how to realize the Mini Program rotation map" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Tags: Programs learning controls more central help practical next data articles methods styles theories knowledge articles websites materials follow questions pages Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Docker macOS Microsoft Shulou Information Linux