Swiper中文论坛

标题: swiper6 无法自动录播图片 [打印本页]

作者: 千殇雪 时间: 2020-10-12 13:09
标题: swiper6 无法自动录播图片
autoplay设置为：true，可以用鼠标滑动轮播，但是无法自动轮播，请大佬指教，下面是代码


  <div class="swiper-container">
<div class="swiper-wrapper">
      <div class="swiper-slide slide_item" style="background-color: #42b983">slider1</div>
      <div class="swiper-slide slide_item" style="background-color: aqua">slider2</div>
      <div class="swiper-slide slide_item" style="background-color: red">slider3</div>
   </div>
  </div>


  mounted() {
setTimeout(()=>{
   new Swiper(".swiper-container", {
      autoplay: true,
      speed: 800,
      loop: true,
   })
},300)
  },

/* CSS样式 */
.swiper-container {
  width: 600px;
  height: 300px;
}
.slide_item {
  width: 100%;
  object-fit: cover;
  height: 200px;
  text-align: center;
  font-size: 36px;
}

作者: 卿云渺渺 时间: 2020-12-22 16:53
注册模块
import { Swiper, Pagination, Autoplay } from 'swiper'
// Install modules
Swiper.use([ Pagination, Autoplay])

作者: yu33 时间: 2020-12-26 16:51
各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播https://www.yujianni.top/news/comp_artinfo.html?id=55

作者: laver 时间: 2021-2-2 15:35
各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播https://www.yujianni.top/news/comp_artinfo.html?id=55

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)