javascript - 如何将 vue-carousel 的箭头更改为 base64 图像

Question

有一种方法可以改变箭头

https://github.com/SSENSE/vue-carousel

转换为 Base64 图像？

Answer 1

我认为该库没有提供内置方法，但我建议您只需将其作为 background-image 添加到箭头元素即可。

像这样:

.VueCarousel-navigation-prev {
    background-image: 'data:image/png; base64, ...'; // add your image as base64
    font-size: 0; // to hide the unicode arrow provided by the library

    // ... your custom styles (height, width...)
}

然后对下一个按钮进行相同的操作:

.VueCarousel-navigation-prev{ /* same here */ }