随笔分类 -  mint-ui-code

IndexList
摘要：IndexList组件使用的时候父级盒子是inde-list，子集的数据组用index-section。 下面是index-list.vue： 下面是index-section.vue： 原理就是页面右侧有一个导航栏，当在导航栏上面发生touch事件的时候左边对应就移动到对应的数据项上面。 阅读全文
posted @ 2018-05-29 19:58 hahazexia 阅读(1030) 评论(0) 推荐(0) 编辑
InfiniteScroll
摘要：无限滚动使用的时候，引入相关文件，然后使用Vue.use()注册即可。 下面是infinite-scroll.js： 下面是directive.js： 无限滚动的原理就是容器有overflow-y：scroll的样式，当页面下拉到底部时，就触发加载新数据的方法。值得注意的是这其中给滚动的时候的事件处 阅读全文
posted @ 2018-05-26 21:45 hahazexia 阅读(1602) 评论(0) 推荐(0) 编辑
Swipe
摘要：swipe的使用是要引入swipe组件和swipe-item组件就可以使用了。 swipe组件是轮播图父级盒子，swipe-item组件是父级盒子里面的一个个轮播图。 使用的时候类似这样： 下面是swipe.vue： 下面是swipe-item： 轮播图里的轮播切换分为两种情况：一种是自动切换，一种 阅读全文
posted @ 2018-05-24 09:49 hahazexia 阅读(1957) 评论(0) 推荐(0) 编辑
MessageBox
摘要：MessageBox使用有三种方式： 引用的时候其实是引入了message-box.js这个文件： 这个文件引入了message-box.vue，将message-box.vue通过Vue.extend()扩展为Vue的一个子类，然后用new关键字来新建message-box实例来使用。 下面是me 阅读全文
posted @ 2018-05-01 12:02 hahazexia 阅读(2440) 评论(3) 推荐(1) 编辑
Loadmore
摘要：Loadmore使用的时候分为下拉刷新和底部加载两种方式。 下拉刷新的时候这样调用： 底部加载的时候这样调用： loadmore组件： 实现原理就是，外面有个wrapper盒子有死高度且拥有样式overflow:scroll;的样式，这样它的内容超出后就是可滚动的，它的滚动高度scrollTop就可 阅读全文
posted @ 2018-04-18 23:32 hahazexia 阅读(2181) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示