动画详情插件使用文档

var postDetails = new Vue({

el:'.mSlider-main',

data:{},

methods:{

closeSlider(){

document.querySelector('.mSlider-inner').transform='translate3d(0,100%,0)'

document.querySelector('.mSlider-inner').style.webkitTransform = "translate3d(0,100%,0)"

document.querySelector('.mSlider-mask').style.opacity= "0"

setTimeout(() => {

document.querySelector('.mSlider-main').style.display='none'

}, 300);

}

}

})

var lileft = this.$refs.videoListIn.childNodes[index].offsetLeft;

var liwidtih =this.$refs.videoListIn.childNodes[index].offsetWidth / 1;

var tabwidtih = this.$refs.videoListIn.offsetWidth / 2;

setTimeout(() => {

this.$nextTick(() => {

this.$refs.videoListIn.scrollLeft = lileft - tabwidtih + liwidtih;

});

}, 30);

openSlider(){

document.querySelector('.mSlider-main').style.display='block'

setTimeout(() => {

document.querySelector('.mSlider-inner').style.transform='translate3d(0,0,0)'

document.querySelector('.mSlider-inner').style.webkitTransform = "translate3d(0,0,0)"

document.querySelector('.mSlider-mask').style.opacity= ".5"

}, 30);

},