我如何使用 swiperjs 使箭头按预期工作

Question

我正在尝试使用 html、css 和 js 制作一个网站，我尝试使用 swiperjs 使箭头起作用，但我似乎无法捕捉到它。根据我的尝试，我可以使“运动”从左向右移动，反之亦然，但我无法使箭头看起来相同。需要在屏幕上看到体育项目 3，并添加另一个数字，以便当您按向右时，例如，它会显示下一个体育项目。

我希望让箭头按预期工作，并且仍然看起来像我想要的样子。 我尝试过的我希望它们看起来如何

Answer 1

您可以将箭头放置在任何地方并按照您喜欢的方式设置它们的样式，您只需将它们连接到滑块，如下所示：

const swiper = new Swiper(".swiper", {
  navigation: {
    prevEl: ".my-prev-arrow",
    nextEl: ".my-next-arrow",
  }
});

请参阅文档以获取更多信息和示例。