浏阳人 发表于 2023-6-28 04:35:18

前端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]
查看完整版本: 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求