|
@@ -48,8 +48,9 @@ export default {
|
|
|
pagination: {
|
|
|
el: '.swiper-pagination',
|
|
|
clickable: false,
|
|
|
- bulletClass: 'my-bullet',
|
|
|
- bulletActiveClass: 'my-bullet-active',
|
|
|
+ type: 'fraction',
|
|
|
+ // bulletClass: 'my-bullet',
|
|
|
+ // bulletActiveClass: 'my-bullet-active',
|
|
|
},
|
|
|
on: {
|
|
|
click: function (event) {
|
|
@@ -128,6 +129,8 @@ export default {
|
|
|
justify-content: center;
|
|
|
align-items: flex-end;
|
|
|
flex-wrap: wrap;
|
|
|
+ color: #025baa;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
.active {
|
|
|
background: #025baa !important;
|
|
@@ -136,7 +139,6 @@ export default {
|
|
|
/deep/ .my-bullet {
|
|
|
width: 0.21333rem;
|
|
|
height: 0.21333rem;
|
|
|
-
|
|
|
border-radius: 100%;
|
|
|
background: #80add4;
|
|
|
opacity: 0.2;
|
|
@@ -148,7 +150,7 @@ export default {
|
|
|
/deep/ .my-bullet:nth-child(3) {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
-.my-bullet-active {
|
|
|
- background: #025baa;
|
|
|
+/deep/ .my-bullet-active {
|
|
|
+ background: #80add4;
|
|
|
}
|
|
|
</style>
|