|
@@ -10,6 +10,8 @@
|
|
>{{detail.drawernum}}</div>
|
|
>{{detail.drawernum}}</div>
|
|
</swiper-slide>
|
|
</swiper-slide>
|
|
<div class='swiper-pagination' slot='pagination'></div>
|
|
<div class='swiper-pagination' slot='pagination'></div>
|
|
|
|
+ <div class='swiper-button-prev' slot='button-prev'></div>
|
|
|
|
+ <div class='swiper-button-next' slot='button-next'></div>
|
|
<!-- 如果需要滚动条 -->
|
|
<!-- 如果需要滚动条 -->
|
|
<!-- <div class='swiper-scrollbar'></div> -->
|
|
<!-- <div class='swiper-scrollbar'></div> -->
|
|
</swiper>
|
|
</swiper>
|
|
@@ -53,8 +55,10 @@ export default {
|
|
el: '.swiper-pagination',
|
|
el: '.swiper-pagination',
|
|
clickable: false,
|
|
clickable: false,
|
|
type: 'fraction',
|
|
type: 'fraction',
|
|
- // bulletClass: 'my-bullet',
|
|
|
|
- // bulletActiveClass: 'my-bullet-active',
|
|
|
|
|
|
+ },
|
|
|
|
+ navigation: {
|
|
|
|
+ nextEl: '.swiper-button-next',
|
|
|
|
+ prevEl: '.swiper-button-prev',
|
|
},
|
|
},
|
|
// on: {
|
|
// on: {
|
|
// click: function (event) {
|
|
// click: function (event) {
|
|
@@ -152,21 +156,21 @@ export default {
|
|
color: #fff !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
|
|
-/deep/ .my-bullet {
|
|
|
|
- width: 0.21333rem;
|
|
|
|
- height: 0.21333rem;
|
|
|
|
- border-radius: 100%;
|
|
|
|
- background: #80add4;
|
|
|
|
- opacity: 0.2;
|
|
|
|
- margin: 0 3px;
|
|
|
|
- display: none;
|
|
|
|
|
|
+.swiper-button-prev,
|
|
|
|
+.swiper-button-next {
|
|
|
|
+ top: initial !important;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ width: 15px !important;
|
|
|
|
+ height: 12px !important;
|
|
|
|
+}
|
|
|
|
+.swiper-button-prev {
|
|
|
|
+ left: 0;
|
|
}
|
|
}
|
|
-/deep/ .my-bullet:nth-child(1),
|
|
|
|
-/deep/ .my-bullet:nth-child(2),
|
|
|
|
-/deep/ .my-bullet:nth-child(3) {
|
|
|
|
- display: inline-block;
|
|
|
|
|
|
+.swiper-button-next {
|
|
|
|
+ right: 0;
|
|
}
|
|
}
|
|
-/deep/ .my-bullet-active {
|
|
|
|
- background: #80add4;
|
|
|
|
|
|
+.swiper-button-prev:after,
|
|
|
|
+.swiper-button-next:after {
|
|
|
|
+ font-size: 14px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|