|
@@ -18,13 +18,12 @@
|
|
|
<div class="swiper">
|
|
<div class="swiper">
|
|
|
<swiper
|
|
<swiper
|
|
|
autoplay
|
|
autoplay
|
|
|
- :interval="interval"
|
|
|
|
|
- :duration="duration"
|
|
|
|
|
previous-margin="33px"
|
|
previous-margin="33px"
|
|
|
next-margin="33px"
|
|
next-margin="33px"
|
|
|
class="swiper-home"
|
|
class="swiper-home"
|
|
|
@change="current = $event.detail.current"
|
|
@change="current = $event.detail.current"
|
|
|
:current="current"
|
|
:current="current"
|
|
|
|
|
+ circular
|
|
|
>
|
|
>
|
|
|
<block v-for="(item, index) in banners" :key="item.id">
|
|
<block v-for="(item, index) in banners" :key="item.id">
|
|
|
<swiper-item :class="{ active: index === current }">
|
|
<swiper-item :class="{ active: index === current }">
|
|
@@ -452,7 +451,7 @@ export default {
|
|
|
._swiper-item {
|
|
._swiper-item {
|
|
|
padding: 7px 7px;
|
|
padding: 7px 7px;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
- transition: all ease-in-out 0.3s;
|
|
|
|
|
|
|
+ transition: padding ease-in-out 0.3s;
|
|
|
&.active {
|
|
&.active {
|
|
|
padding: 0 7px;
|
|
padding: 0 7px;
|
|
|
}
|
|
}
|
