一般UI库都有提供轮播组件的吧,组件名称是 "Carousel" 或者 "Swiper",默认都是支持自动轮播以及点击控制点跳转到指定图片的。
比如说 "Ele+" 的 "Carousel 走马灯 | Element Plus" (https://link.segmentfault.com/?enc=2zNxOFzN1zXxIETNW1r26A%3D%3D.%2F7jBQmDEartZq%2B8Crcrskr9spF9%2BPIS4dB9Zu3Ni35W5oDhJYT4lHVVNfo%2FMs%2Bzd5WD%2F9tcczcFGTdg54B7zTq5gruYD3Nd%2BPhpHAftWwhI%3D)
以及 "AntD4Vue" 的 "走马灯 Carousel - Ant Design
Vue" (https://link.segmentfault.com/?enc=qkE6qVIs%2BIu40HQKK3LvbA%3D%3D.ZQH3a65pqoQyP6dSnhpy78sDXpOoRDWe6Urjm0BSjRL49Oj7SIf%2BF85bPGBx4Gl%2B)
就看你使用的UI库是什么了,当然如果你觉得不满意,也可以直接用
"Swiper.js" (https://link.segmentfault.com/?enc=0athJVqLfuFz9q9aT1gRHQ%3D%3D.iFV0bU96RKRqQoBREwGnSUf34EtYMoH0jNPE1Utdsrw%3D)
但是我觉得没必要,UI库自带的就足够满足需求了。