微信小程序中怎么做无缝轮播

angryTom
Lepaskan: 2020-03-21 18:01:06
asal
3011 orang telah melayarinya

微信小程序中怎么做无缝轮播

微信小程序中怎么做无缝轮播    

在index.js文件中定义topScroll数组以及swiper的各个属性值,其属性代表什么含义参考开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=1476197489605

微信小程序中可以使用swiper组件实现轮播效果,添加autoplay属性可以实现自动播放,添加circular属性可以实现无缝轮播。

<swiper circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <block wx:for="{{topScroll}}" wx:key="item.id">
        <swiper-item>
            <image src="{{item.url}}" class="slide-image"/>
        </swiper-item>
    </block>
</swiper>
Salin selepas log masuk

推荐学习:小程序开发

Atas ialah kandungan terperinci 微信小程序中怎么做无缝轮播. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!