小程序Scroll-view上拉滚动刷新数据
因为项目需求,我需要做一个上拉刷新,但是我不是小程序的原生刷新生命周期函数事件
小程序scroll-view,有一个滚到底部触发事件bindscrolltolower加粗样式
把自己需要滚动的内容放在这个scroll-view之间,然后。给scroll-view一个滚动高度
首先先看一下效果图吧
order.wxml页面
<scroll-view class='scroll' scroll-y="{
{true}}" bindscrolltolower="scrolltolower">
<view class="tabs">
<block wx:for="{
{ tabs }}" wx:key='{
{ index }}'>
<view bind:tap="changeTab" data-index='{
{ index }}' class="tab {
{ tabindex === index ? 'active' : '' }}">{
{ item }}</view>
</block>
</view>
<view style="height: 80rpx"></view>
<view>
<block wx:for="{
{ goods }}" wx:key="{
{ index }}">
<view class="content">
<view class="conbg">
<view class="con-top">
<view class="shopname iconfont icon-right ellipsis">{
{ item.shopName }}</view>
<view class="good-status" wx:if="{
{item.goodStatus==0}}">卖家未发货</view>
<view class="good-status" wx:if="{
{item.goodStatus==1}}">卖家已发货</view>
</view>
<view class="goodinfo">
<!-- 商品图 -->
<image class="goodimg" src="{
{ item.goodImg }}" mode="scaleToFill"></image>
<!-- 商品信息 -->
<view class="good-info">
<view