前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求

旭日扬罡

前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219

效果图如下：

实现代码如下：

cc-paging

使用方法

1. [/code][size=3]HTML代码实现部分[/size]
3. [code]<template>
5. <view >
7. <view > 基本用法 </view>
11. <cc-paging :isLoading="true" :isEnd="false"></cc-paging>
15. <cc-paging :isEnd="true" :isLoading="false"></cc-paging>
17. <view > 动态使用用法 </view>
21. <cc-paging :isEnd="!isLoad" :isLoading="isLoad"></cc-paging>
23. <button @click="changeStatusClick">切换状态</button>
25. </view>
27. </template>

复制代码

组件实现代码

1. <template>
3.     <view >
5.         <slot></slot>
7.         <view  v-if="isLoading">
9.             <view >
11.                 <image lazyLoad src="https://qiniu-image.qtshe.com/qtsloading.gif"></image>
13.                 <view >加载中</view>
15.             </view>
17.         </view>
19.         <view  v-if="isEnd">我是有底线的哦～</view>
21.     </view>
23. </template>

复制代码

来源:https://www.cnblogs.com/ccVue/p/17507821.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！