<uni-load-more :status="loadStatus" ></uni-load-more> </view> </view> </template> export default { data() { return { videoList:[], page:1, pagesize:10, loadStatus:'loading', //加载样式:more-加载前样式,loading-加载中样式,nomore-没有数据样式 isLoadMore:false, //是否加载中 };...
前提:安装了uniapp的LoadMore插件(一般初始都会安装此插件), https://ext.dcloud.net.cn/plugin?id=29<template><viewclass="container"><viewv-for="(item,index) in videoList":key="index">...</view>//渲染的列表处<viewv-show="isLoadMore">//loading加载提示处<uni-load-more:status="loadStatus...
给每根短杠uni-load-view_wrapper加上动画,animation: load .96s ease infinite,参数分别是动画名称、持续时间、显示方式、执行次数 代码 出自Hello uni-app项目模板中的uni-load-more <template> <view class="uni-load-more"> <view class="uni-load-more__img"> <view class="load1 load"> <view :st...
前提:安装了uniapp的LoadMore插件(一般初始都会安装此插件), https://ext.dcloud.net.cn/plugin?id=29<template> <viewclass="container"><view v-for="(item,index) in videoList":key="index">...</view>//渲染的列表处<view v-show="isLoadMore">//loading加载提示处<uni-load-more :status="load...
1.引入uni-app中uni-load-more.vue到自己的项目: 链接:uni-load-more[https://ext.dcloud.net.cn/plugin?...
<scroll-view :scroll-y="true" class="block-main block-two-level block-pad" @scrolltolower="scrollBottom"> <view class="scroll-ls" v-for="(item, index) in scrollInfo.list" :key="index"> {{ item }} </view> <uni-load-more v-if="scrollInfo.list.length" :status="scrollInfo.loading...
<uni-load-more :status="loadStatus" ></uni-load-more> </view> </view> </template> export default { data() { return { videoList:[],page:1,pagesize:10,loadStatus:'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式 isLoadMore:false, //是否加载中 }...
name: 'uLi-load-more', props: { status: { //上拉的状态:more-loading前;loading-loading中;noMore-没有更多了 type: String, default: 'loading' }, showIcon: { type: Boolean, default: true }, color: { type: String, default: '#777777' ...
<uni-load-more :status="status"></uni-load-more> 1.onReachBottom() { 2.let allTotal = this.page * this.pageSize; 3.if (allTotal < this.total) { 4. 5.this.status = 'loading'; //加载中状态 6. 7.this.page++; 8.this.getData() 9.} else { 10. 11.this.status = 'noMore...
<uni-load-more :status="status" :icon-size="14" :content-text="contentText" /> </view> </template> 样式源码： .tuijian{ width: 710rpx;height: 94rpx; line-height: 94rpx; margin: 20rpx;background-color: rgba(14, 196, 153, 1);box-sizing: border-box;} .tuijian image{ width: ...