轮播组件 #

PC 端：基于 vue 的 TransitonGroup 实现 #

功能：

• 默认动效方向是向左滑出，点击上一个按钮时或点击底部数字时(如果点击的索引号小于当前索引号)，会改为向右滑出
• 鼠标移入轮播器会停止轮播(放在下一个按钮和上一个按钮，以及底部的切换按钮上，不会停止轮播)
• 鼠标移出会重新开始轮播
• 点击图片会显示弹出信息(图片放大效果是 vitepress 组件加上去的，与轮播组件无关)

优点：

• 基于 TransitonGroup 实现，轮播器中最多同时存在两个 img 标签
• 相对于传统无限轮播方案，当前方式无需复杂的考虑最后一个轮播图片跳转第一个轮播图问题，也无需复杂考虑第一个轮播图跳最后一个轮播图问题

移动端： #

PC 端请在移动端模式下查看该示例