[Angular2前端工程化]——如何使页面实现滑动效果
【前言】 const swiper = new Swiper('.swiper-container',{
pagination: '.swiper-pagination',paginationClickable: true,longSwipesRatio: 0.3,//触发swiper所需要的最小拖动距离比例
touchRatio: 1,//滑动的拖放的,如果是1表示滑动之后换下一个界面是一整块,如果是0.5就表示才能滑一半。
observer: true,// 修改swiper自己或子元素时,自动初始化swiper
observeParents: true,// 修改swiper的父元素时,自动初始化swiper
});
其实这时候就会出现一个问题,Swiper未定义是我们常出现的问题,这时候我们的解决办法是在根目录的src下面找到文件typings.d.ts: /** * 用于滑动窗体-常银玲 */
declare var Swiper: any ;
【总结】 当然用angular的前端工程化,最大的一个好处就是模块懒加载的机制,一旦放在这里,需要去加载资源,这个会影响不适用这个js的页面加载速度,但是我现在还没有找到更好的方法,还在学习当中,如果你正好看到了我的博客,也正好知道,请一定要告诉我! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |