<!--
* @Author: xxx.xx
* @Date: 2021-07-20 14:33:41
* @LastEditors: xxx.xx
* @LastEditTime: 2021-07-20 18:22:37
* @PageTitle: 上拉加载组件
* @Description: 描述...
* @FilePath: /wxapp-view/components/loadmore.vue
-->
<template><view class="c-moreload"><u-loadmorecolor="#9f9f9f":status="status":load-text="loadText"@loadmore="loadMore"/></view>
</template><script>
export default {name: 'CLoadmore',props: {// 展示类型status: {type: String,default: 'loadmore'}},data () {return {loadText: {loadmore: '点击或上拉加载更多',loading: '玩命加载中',nomore: '我也是有底线的'}}},methods: {/*** @Author: xxx.xx* @description: 点击更多,通知父组件*/ loadMore () {this.$emit('loadMore')},/*** @Author: xxx.xx* @description: 获取value值* @param {*} name* @param {*} val* @return {*}*/ test (name, val) {}}
}
</script><style scoped lang="scss">
.c-moreload {padding: 0px 0px 10px 0px
}
</style>
props
参数 | 说明 | 类型 | 可选值 | 默认值 |
color | 字体颜色 | String | #606266 | - |
status | 组件状态 | String | loadmore | loading / nomore |
load-text | 可见示例自定义 | Object | - | - |
Events
事件名称 | 说明 | 回调参数 |
loadmore | status为loadmore时,点击组件会发出此事件 | — |