uniapp加载更多插件

文章描述:

uniapp加载更多效果插件

插件地址https://ext.dcloud.net.cn/plugin?id=29

 

使用方法

1、把插件解压放到根目录下components下面

2、页面中使用

<template>
	<view>
		<!-- loading加载提示处 -->
		<view v-show="isLoadMore">
                <uni-load-more :status="loadStatus" ></uni-load-more>
		</view>
	</view>
</template>
import uni_load_more from '../../components/uni-ui/uni-ui.vue';
export default{
	components:{
		uni_load_more
	},
	data(){
		return{
			loadStatus:'loading',  //加载样式:more-加载前样式,loading-加载中样式,nomore-没有数据样式
			isLoadMore:false,  //是否加载中
		}
	},
	onShow() {
		this.isLoadMore = true
	}
}

3、提示消息修改位置components/uni-load-more/i18n/zh-Hans.json

 

uni-ui下载

HbuilderX新建项目 → 选择uni-ui项目

备注:插件地址下载的uni-ui使用时有不显示问题,使用Hbuilder新建获取uni_modules下面

发布时间:2022/12/14

发表评论