guide/components/swiper/

[giscus[bot]]

guide/components/swiper/

概述 使用 组件在 页面中显示轮播图片。 使用 使用该组件，首先需要手动安装 swiper 库： 然后，手动导入 Swiper 组件： 注册为全局组件： 全局组件可在 其他任意 markdown 文件中使用 示例:

https://theme-plume.vuejs.press/guide/components/swiper/

[cjhalw]

💯

[sunshang-hl]

cards这种轮播图是否能让图片循环展示?目前这种展示到最后或者第一张图片时,左右两边显示内容不对称.

[pengzhanbo]

相关需求请到 swiper 提出，主题通过它实现的 轮播图。

[rubinoxyl]

我通过添加 width=80%将轮播图宽度设为80%，但是图片宽度缩小后是居左的，右边有一块空白，

[pengzhanbo]

在 issue 中贴一下你的具体代码

[rubinoxyl]

下面是代码，把width设置为了80%

最后轮播图没有居中，右边有空白

[pengzhanbo]

将 Swiper 放到 ::: felx center 容器中进行居中即可。https://theme-plume.vuejs.press/guide/markdown/flex/