查看: 2073|回复: 0
打印 上一主题 下一主题

swiper v6.4.5 设置effect没有效果,求大佬指点

[复制链接]

该用户从未签到

2

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
跳转到指定楼层
楼主
发表于 2021-1-5 10:25:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<template>
  <div id="swiperBox">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="i in 29" :key="i">
          <img :src="require(`./../assets/images/arbitration/${i}.png`)" :alt="i" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Swiper from "swiper";
import "swiper/swiper.min.css";
import "swiper/components/effect-flip/effect-flip.less";

export default {
  data() {
    return {
      index: 0,
    };
  },
  mounted() {
    var _this = this;
    this.swiper = new Swiper(".swiper-container", {
      effect: "cube",
      cubeEffect: {
        slideShadows: true,
        shadow: true,
        shadowOffset: 100,
        shadowScale: 0.6,
      },
    });
  },


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-14 14:57 , Processed in 0.062315 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表