落月丶成霜
落月丶成霜
  • 发布:2019-08-13 16:03
  • 更新:2019-08-13 16:20
  • 阅读:790

#插件讨论# 【 原生滚动 下拉刷新 上拉加载 - 1207007480@qq.com 】上拉加载下拉刷新问题

分类:uni-app

插件市场中的插件使用再内添加一点点东西就蹦了。
原生方法中。上拉可以实现。但是拉到底部后。加载将不执行。
无法自动加载更多。

2019-08-13 16:03 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

你贴一下代码我看一下

落月丶成霜

落月丶成霜 (作者)

<template>
<view class="allBox">
<view class="header">
<van-tabs swipeable color="#3998fc" @click="tableHeader">
<van-tab title="未使用"></van-tab>
<van-tab title="未开启"></van-tab>
<van-tab title="已使用"></van-tab>
<van-tab title="已过期"></van-tab>
</van-tabs>
</view>
<view class="main">
<view class="main-null" v-if="couponArray.length == 0">
<image class="null-img" src="../../static/images/nullcou.png"></image>
<br>
<text class="null-text">暂无优惠券</text>
</view>
<view class="main-padding" v-else>
<view class="main-for" v-for="(item,index) in couponArray" :key="index" @click="goTocoupon" >
<image class='main-for-img' src='../../static/images/blue-back.png' ></image>
<view class="main-for-box">
<text class="main-for-box-text box-text-name">{{item.type_text}}<image src="../../static/images/right.png"></image></text>
<br>
<text class="main-for-box-text box-text-type">适用门店:{{item.shop_name}}</text>
<br>
<text class="main-for-box-text box-text-stime">{{item.start_time}}</text>
<text class="main-for-box-text box-text-etime">{{item.end_time}}</text>
</view>
</view>
</view>
</view>
</view>
</template>

<script>
export default {
data () {
return {
couponArray: [],
}
},
onLoad() {

    },  
    methods: {  
        goTocoupon () {  
            uni.navigateTo({  
                url: 'couponInfo'  
            });  
        },  
    },  
    onReachbottom () {  
        console.log('下拉')  
    },  
    onPullDownRefresh () {  
        console.log('上拉')  
    },  
}  

</script>

<style>
.main-for{
display: flex;
margin-top: 15px;
}
.main-padding{
padding: 0 10px 0 10px;
}
.main-for-img{
width: 110px;
height: 110px;
position: relative;
z-index: 10;
background-color: #f5f5f5;
}
.main-for-box{
padding: 15px 10px 15px 30px;
background-color: #f5f5f5;
border-radius: 0 10px 10px 0;
width: 58%;
position: relative;
left: 0px;
height: 75px;
top: 3px;
}
.main-for-box-text{
color: #b7b7b7;
}
.box-text-name{
color: #333;
font-size: 15px;
}
.box-text-type{
font-size: 13px;
margin: 3px 0;
}
.box-text-stime{
font-size: 12px;
display: block;
}
.box-text-etime{
font-size: 12px;
display: block;
}
.main-null{
text-align: center;
margin-top: 120px;
}
.null-img{
width: 113px;
height: 100px;
}
.null-text{
color: #ccc;
font-size: 18px;
}
</style>

1***@qq.com

1***@qq.com

你贴的代码,我看不到实际使用,你参考我的贴图

  • 落月丶成霜 (作者)

    我本地有你这套代码、但是在you外层加东西倒是没关系。改到list的时候,会因为数据太少。一直加载更多。再执行下拉刷新,会一起执行

    2019-08-13 16:23

  • 1***@qq.com

    回复 落月丶成霜: 我先看看,你可以加我QQ:1207007480,方便交流

    2019-08-13 16:29

该问题目前已经被锁定, 无法添加新回复