写点什么

Swiper 组件如何实现中间高两边低的效果,前后两个组件的高度如何设置呢?

  • 2026-02-25
    北京
  • 本文字数:194 字

    阅读完需:约 1 分钟

本问答帖原创发布在华为开发者联盟社区 ,欢迎开发者前往论坛提问交流。

问题描述:

如何实现图示效果,在 Swiper 中将左右两个图片的高度进行缩小?

解决方案:

可以通过调整图片缩放属性 scale 来调整两侧图片的高度,使用 prevMargin、nextMargin 调整左右图片距离,实现图示效果。

参考 demo、详细解决方案以及相关的讨论,请点击原帖查看:

swiper中前后两个组件的高度如何设置-华为开发者问答 | 华为开发者联盟 (huawei.com)