如何将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 */ }