动画详情插件使用文档

第1步:安装启用(此插件相对来说比较麻烦一点酌情使用)

第2步:需要在/wp-content/themes/b2/Modules/Templates/Single.php 增加一段代码

'.icydm_Animation_post_mobile().'
</div>
                    '.icydm_Animation_post_mobile().'
                    <div class="post-video-list" style="width:'.$sidebar_width.'px;margin-left:'.B2_GAP.'px;" ref="videoList">

在<div class=”post-video-list” 这个上方增加’.icydm_Animation_post_mobile().’

第3步:在/wp-content/themes/b2/Assets/fontend/single.js文件

随便位置增加

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);
}
}
})

第4步:在/wp-content/themes/b2/Assets/fontend/single.js文件(如图所示增加到相应的位置)

第一段代码


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);
		},

如下图:

注意两边的符合一并添加

人已赞赏
作者荣誉墙

高级搬运工

我不生产视频,我只是一个高级搬运工

2级勋章查看全部>>

青铜殿堂

万级殿堂,英勇于青铜

1级勋章查看全部>>

白银殿堂

1万殿堂,不屈于白银

2级勋章查看全部>>

黄金殿堂

五万殿堂,荣耀于黄金

3级勋章查看全部>>

新人司机

夜深了,不去直播飚个车,和咸鱼有什么区别

1级勋章查看全部>>

老司机

夜深了,不去直播飙个车,我浑身难受!

2级勋章查看全部>>

正义之士

为社区贡献力量的正义伙伴!

1级勋章查看全部>>

守护之翼

守护社区净土的坚定卫士!

2级勋章查看全部>>

未分类

测试视频

2020-6-12 21:32:55

未分类

盘检查使用文档

2020-7-17 4:19:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索