uniapp组价-uni-load-more加载更多

今天药忘吃喽~ 2021-07-25 14:36 1458阅读 0赞

官方示例：[https://ext.dcloud.net.cn/plugin?id=29][https_ext.dcloud.net.cn_plugin_id_29]

## 一、基本状态 ##

![20210301211404355.png][]

## 二、图标类型 ##

![20210301211940456.gif][]![20210301211747562.png][]

iconType="auto"表示平台自动选择加载样式

## 三、自定义内容 ##

![20210301211549366.png][]

<template>
    	<view>
    		<uni-load-more  status="more" :contentText="contentText"></uni-load-more>
    		<uni-load-more  status="loading" :contentText="contentText"></uni-load-more>
    		<uni-load-more  status="noMore" :contentText="contentText"></uni-load-more>
    	</view>
    </template>
    <script>
    	export default {
    		components: {},
    		data() {
    			return {
    				contentText: {
    					contentdown: '查看更多',
    					contentrefresh: '加载中',
    					contentnomore: '没有更多'
    				}
    			}
    		}
    	}
    </script>

## 四、图标大小、文字颜色、绑定事件 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

<template>
    	<view>
    		<uni-load-more status="loading" iconType="snow" :iconSize="36"/>
    		<uni-load-more color="#007AFF"/>
    		<uni-load-more @clickLoadMore="clickLoadMore" />
    	</view>
    </template>
    <script>
    	export default {
    		components: {},
    		data() {
    			return {
    			}
    		},
    		methods: {
    			clickLoadMore(e) {
    				uni.showToast({
    					icon: 'none',
    					title: "当前状态：" + e.detail.status
    				})
    			}
    		}
    	}
    </script>

[https_ext.dcloud.net.cn_plugin_id_29]: https://ext.dcloud.net.cn/plugin?id=29
[20210301211404355.png]: https://img-blog.csdnimg.cn/20210301211404355.png
[20210301211940456.gif]: https://img-blog.csdnimg.cn/20210301211940456.gif
[20210301211747562.png]: https://img-blog.csdnimg.cn/20210301211747562.png
[20210301211549366.png]: https://img-blog.csdnimg.cn/20210301211549366.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210301212325884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70