web前端|js教程
loadmore,mint-ui,vue2
web前端-js教程
Pull up
在列表底部, 按住 - 上拉 - 释放可以获取更多数据
足球篮球竞猜源码,ubuntu提升代理网速,tomcat默认开启端口号,爬虫版本选择,php如何识别客户端,栖霞seo公司lzw
translate : {{ translate }}
社交app 源码,ubuntu安装英文环境,通过c程序启动tomcat,淘宝抢购爬虫,php解析url返回json,seo调整lzw
translateScale : {{ moveTranslate }}
jsp 开源商城系统源码,ubuntu强制关机慢,蜥蜴人和爬虫,私活 php,环保行业seolzw
{{ item }}
↓
↑
.loading-background, .mint-loadmore-top span { -webkit-transition: .2s linear; transition: .2s linear } .mint-loadmore-top span { display: inline-block; vertical-align: middle } .mint-loadmore-top span.is-rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .page-loadmore .mint-spinner { display: inline-block; vertical-align: middle } .page-loadmore-desc { text-align: center; color: #666; padding-bottom: 5px } .page-loadmore-desc:last-of-type, .page-loadmore-listitem { border-bottom: 1px solid #eee } .page-loadmore-listitem { height: 50px; line-height: 50px; text-align: center } .page-loadmore-listitem:first-child { border-top: 1px solid #eee } .page-loadmore-wrapper { overflow: scroll } .mint-loadmore-bottom span { display: inline-block; -webkit-transition: .2s linear; transition: .2s linear; vertical-align: middle } .mint-loadmore-bottom span.is-rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg) } export default { data() { return { list: [], allLoaded: false, bottomStatus: \, wrapperHeight: 0, topStatus: \, //wrapperHeight: 0, translate: 0, moveTranslate: 0 }; }, methods: { handleBottomChange(status) { this.bottomStatus = status; }, loadBottom() { setTimeout(() => {let lastValue = this.list[this.list.length - 1];if (lastValue < 40) {for (let i = 1; i {let firstValue = this.list[0];for (let i = 1; i <= 10; i++) {this.list.unshift(firstValue - i);}this.$refs.loadmore.onTopLoaded(); }, 1500); }, }, created() { for (let i = 1; i <= 20; i++) { this.list.push(i); } }, mounted() { this.wrapperHeight = document.documentElement.clientHeight - this.$refs.wrapper.getBoundingClientRect().top; } };
