会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
hahazexia
博客园
首页
新随笔
联系
管理
订阅
随笔分类 -
mint-ui-code
IndexList
摘要:IndexList组件使用的时候父级盒子是inde-list,子集的数据组用index-section。 下面是index-list.vue: 下面是index-section.vue: 原理就是页面右侧有一个导航栏,当在导航栏上面发生touch事件的时候左边对应就移动到对应的数据项上面。
阅读全文
posted @
2018-05-29 19:58
hahazexia
阅读(1044)
评论(0)
推荐(0)
InfiniteScroll
摘要:无限滚动使用的时候,引入相关文件,然后使用Vue.use()注册即可。 下面是infinite-scroll.js: 下面是directive.js: 无限滚动的原理就是容器有overflow-y:scroll的样式,当页面下拉到底部时,就触发加载新数据的方法。值得注意的是这其中给滚动的时候的事件处
阅读全文
posted @
2018-05-26 21:45
hahazexia
阅读(1617)
评论(0)
推荐(0)
Swipe
摘要:swipe的使用是要引入swipe组件和swipe-item组件就可以使用了。 swipe组件是轮播图父级盒子,swipe-item组件是父级盒子里面的一个个轮播图。 使用的时候类似这样: 下面是swipe.vue: 下面是swipe-item: 轮播图里的轮播切换分为两种情况:一种是自动切换,一种
阅读全文
posted @
2018-05-24 09:49
hahazexia
阅读(1990)
评论(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
阅读(2566)
评论(3)
推荐(1)
Loadmore
摘要:Loadmore使用的时候分为下拉刷新和底部加载两种方式。 下拉刷新的时候这样调用: 底部加载的时候这样调用: loadmore组件: 实现原理就是,外面有个wrapper盒子有死高度且拥有样式overflow:scroll;的样式,这样它的内容超出后就是可滚动的,它的滚动高度scrollTop就可
阅读全文
posted @
2018-04-18 23:32
hahazexia
阅读(2203)
评论(0)
推荐(0)
公告