onChange(index){
console.log('当前 Swipe 索引:' + index);
if(index == 3){
/*var div =$('#item3').css('width', '300px', 'important');
var div1 =$('#item2').css('width', '280px', 'important');
var div2 =$('#item1').css('width', '280px', 'important');
var div2 =$('#item0').css('width', '280px', 'important');*/
$('#item3').css('transform','-900px!important')
}
/*if(index==1){
var div =$('#item0').css('width', '10rem', 'important');
var div1 =$('#item1').css('width', '9.3333333rem', 'important');
var div2 =$('#item2').css('width', '9.3333333rem', 'important');
} else if(index==2){
var div =$('#item0').css('width', '10rem', 'important');
var div1 =$('#item1').css('width', '9.3333333rem', 'important');
var div2 =$('#item2').css('width', '9.3333333rem', 'important');
} else if(index==0){
var div =$('#item0').css('width', '10rem', 'important');
var div1 =$('#item1').css('width', '9.3333333rem', 'important');
var div2 =$('#item2').css('width', '9.3333333rem', 'important');
}else {
var div =$('#item3').css('width', '10rem', 'important');
var div1 =$('#item2').css('width', '9.3333333rem', 'important');
var div2 =$('#item1').css('width', '9.3333333rem', 'important');
var div2 =$('#item0').css('width', '9.3333333rem', 'important');
}*/
},
data(){
return {
android: true,
ios: true,
iphoneX: true,
current: 0,
item0:'item0',
item1:'item1',
item2:'item2',
}
},
mounted(){
},
methods: {
onChange(index){
console.log('当前 Swipe 索引:' + index);
if(index==1){
var div =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==2){
var div1 =document.getElementById("item1").style.setProperty('width', '10rem', 'important');
var div0 =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==0){
var div =document.getElementById("item2");
var div0 =document.getElementById("item0").style.setProperty('width', '9.3333333rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
}
},
if(index==1){
var div =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==2){
var div1 =document.getElementById("item1").style.setProperty('width', '10rem', 'important');
var div0 =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==0){
var div =document.getElementById("item2");
var div0 =document.getElementById("item0").style.setProperty('width', '9.3333333rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
}