前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219效果图如下:
实现代码如下:
cc-paging
使用方法
HTML代码实现部分
<template>
<view >
<view > 基本用法 </view>
<cc-paging :isLoading="true" :isEnd="false"></cc-paging>
<cc-paging :isEnd="true" :isLoading="false"></cc-paging>
<view > 动态使用用法 </view>
<cc-paging :isEnd="!isLoad" :isLoading="isLoad"></cc-paging>
<button @click="changeStatusClick">切换状态</button>
</view>
</template>组件实现代码
<template>
<view >
<slot></slot>
<viewv-if="isLoading">
<view >
<image lazyLoad src="https://qiniu-image.qtshe.com/qtsloading.gif"></image>
<view >加载中</view>
</view>
</view>
<viewv-if="isEnd">我是有底线的哦~</view>
</view>
</template>
来源:https://www.cnblogs.com/ccVue/p/17507821.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页:
[1]