|
@@ -82,11 +82,32 @@ export default {
|
|
</style>
|
|
</style>
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|
|
|
|
+.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
|
|
|
|
+ width: 40px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ background-color: rgba(0, 0, 0, .7);
|
|
|
|
+}
|
|
|
|
+.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
|
|
|
|
+ width: 40px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ background-color: rgba(0, 0, 0, .7);
|
|
|
|
+}
|
|
.swiper-button-prev::after,
|
|
.swiper-button-prev::after,
|
|
.swiper-button-next::after {
|
|
.swiper-button-next::after {
|
|
- color: #2a76df;
|
|
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 16px;
|
|
}
|
|
}
|
|
.swiper-pagination-bullet-active {
|
|
.swiper-pagination-bullet-active {
|
|
- background: #2a76df!important;
|
|
|
|
|
|
+ background: #fff!important;
|
|
}
|
|
}
|
|
|
|
+.swiper-pagination-bullet{
|
|
|
|
+ background-color: rgba(255,255,255,.4);
|
|
|
|
+ opacity: 1;
|
|
|
|
+ width: 50px;
|
|
|
|
+ height: 5px;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+}
|
|
|
|
+
|
|
</style>
|
|
</style>
|