|
|
@ -8,6 +8,7 @@ |
|
|
class="swiper" |
|
|
class="swiper" |
|
|
:current="current" |
|
|
:current="current" |
|
|
@change="currentChange" |
|
|
@change="currentChange" |
|
|
|
|
|
@transition="transition" |
|
|
:style="pageHight" |
|
|
:style="pageHight" |
|
|
:indicator-dots="indicatorDots" |
|
|
:indicator-dots="indicatorDots" |
|
|
:autoplay="autoplay" |
|
|
:autoplay="autoplay" |
|
|
@ -50,8 +51,8 @@ export default { |
|
|
pageHight: 0, |
|
|
pageHight: 0, |
|
|
background: ['color1', 'color2', 'color3'], |
|
|
background: ['color1', 'color2', 'color3'], |
|
|
indicatorDots: false, |
|
|
indicatorDots: false, |
|
|
autoplay: false, |
|
|
|
|
|
interval: 2000, |
|
|
|
|
|
|
|
|
autoplay: true, |
|
|
|
|
|
interval: 1500, |
|
|
duration: 500, |
|
|
duration: 500, |
|
|
pageText: [ |
|
|
pageText: [ |
|
|
{ |
|
|
{ |
|
|
@ -85,6 +86,11 @@ export default { |
|
|
currentChange(item) { |
|
|
currentChange(item) { |
|
|
this.current = item.detail.current |
|
|
this.current = item.detail.current |
|
|
}, |
|
|
}, |
|
|
|
|
|
transition(item){ |
|
|
|
|
|
if(this.current === this.pageText.length - 1){ |
|
|
|
|
|
this.autoplay = false |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
jumpLogin(){ |
|
|
jumpLogin(){ |
|
|
go2('login') |
|
|
go2('login') |
|
|
} |
|
|
} |
|
|
|