關於這個 swiper 套件,不能夠固定大小?

事由
https://idangero.us/swiper/de...

我找到這個套件,可以左右滑動
但我發現當我嘗試改第二和第三個 slide 寬度時,假設都是 80%,我往右滑到第三個他會被切掉,就好像要照著他的寬度走才行?
我不能每個 slide 都固定是 80% 嗎?

.swiper-slide:nth-child(2n) {
      width: 60%;
    }
    .swiper-slide:nth-child(3n) {
      width: 40%;
    }

無論是我把這段清除,或改成 80%,都無法正確顯示 slide
滑到第三個就變這樣:

clipboard.png

應該不至於不能固定寬度吧.....我怎麼搞都是這樣的結果
我想實現的是不管怎麼滑都會長這樣

clipboard.png

阅读 2.5k
1 个回答

可以参考swiper中文网的相关内容。

基础设置里倒是有width设置,不过我觉得你的意思可能直接设置样式会更好,不生效是因为你当前的选择器优先级低于swiper样式表的,所以你叠进去几个高优先级样式、把自定义样式的优先级拉起来就行了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题