- 博客(3)
- 收藏
- 关注
RSS订阅原创 mint-ui swipe组件源码解析
前叙mint-ui组件库中swipe组件，实现的是常见的轮播图效果。但是它的实现方式，和常见的实现有所不同。 常见的实现方式： 通过移动轮播图的wrapper来实现item的切换效果(也就是修改wrapper的translate3d属性来实现)。如果支持循环播放，需要在首部插入一个最后一个轮播图item的clone版，以及在尾部插入一个第一个轮播图item的clone版。 swipe组件实现的方
2017-06-22 15:54:38
21863
原创 Vue-lazyload原理详解之源码解析
前叙本来想要研究mint-ui组件库的Lazy load组件，没想到翻看它的源码，发现它完全引用的vue-lazyload项目，直接引用，没有丝毫修改。 因此转而研究vue-lazyload，代码并不多，几百行吧，有兴趣的可以读一下。简单接入示例html代码：<div id="app"> <li v-for="img in imgList"> <img v-lazy="im
2017-06-19 21:18:43
20330
1
原创 vue mint-ui源码解析之loadmore组件
接入官方接入文档mint-ui loadmore文档接入使用Examplehtml<div id="app"> <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :max-distance="150" @top-sta
2017-06-08 12:04:55
14758
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人