【发布时间】：2018-11-16 12:45:47
【问题描述】：
我正在尝试将 swipe.js 箭头按钮图像更改为另一个 svg 图像。 我在 swiper.scss 文件中找到了 svg 的实际路径
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
但是当我尝试重新编写路径时，它并没有改变。有什么想法吗？
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("@/assets/svg/arrow.svg");
}
【问题讨论】：
-
你的图片路径有没有可能是错误的？否则看起来没问题。