Swiper组件演示
不等高slider测试（Auto Height）harmony 无效：
容器高度随当前slider内容自动调整
短内容 - 高度约100px
中等内容 - 高度约150px
这里有更多的文字来测试不同高度的slider是否能正常显示和切换。容器应该自动调整到这个高度。
长内容 - 高度约200px
这是一个高度较大的内容。这里有很多文字来测试不同高度的slider。
包含了更多的信息和描述内容，用于验证swiper在处理不等高内容时的表现。
容器高度应该自动调整到这个slider的高度。
基础用法（横向滑动，测试指示器可见性）：
Item 1 红
Item 2 白
Item 3 黑
3D卡片（previousMargin + nextMargin + circular），应用层实现缩放：
A
B
C
3D卡片（previousMargin + nextMargin + circular），应用层实现缩放：
A
B
垂直滑动（vertical）：
Vertical 1
Vertical 2
Vertical 3
垂直滑动（vertical）且开启 disable-rebound：
Vertical 1
Vertical 2
Vertical 3
垂直滑动（vertical）且开启 circular：
Vertical 1
Vertical 2
Vertical 3
自动播放 + 循环（autoplay + circular）：
Auto 1
Auto 2
Auto 3
2卡片 + 循环circular：
A
B
指示器短横线样式（item-style）：
Line 1
Line 2
Line 3
高亮指示器加长（item-active-style）：
Scale 1
Scale 2
指示器class定制（item-class + item-active-class）：
Class 1
Class 2
指示器样式定制（item-style + item-active-style）：
Style 1
Style 2
事件监听（@change、@transition、@animationfinish）：
当前索引: {{eventCurrentIndex}}
上次触发: {{eventSource}}
过渡位置: dx={{transitionDx}}, dy={{transitionDy}}
Event 1
Event 2
Event 3
自定义数字指示器（slot）：
Custom 1
Custom 2
Custom 3
{{customIndicatorIndex + 1}}/{{customIndicatorTotal}}
自定义指示器并绑定点击事件(仅web支持点击)：
Custom 1
Custom 2
Custom 3
{{item - 1}}
circular 和 disabled-bounce 同时设置：
以circular为优先
Rebound 1
Rebound 2
Rebound 3