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
发表评论