微信小程序—上拉加载+api交互显示loading提示框（图文）

微信小程序—上拉加载+api交互显示loading提示框

新建scroll目录=》新建scrollPage
1、scroll.wxml

<view id="container">
  <scroll-view
    scroll-y="true" // 允许纵向滚动
    scroll-top="{
  {scrollTop}}" // 滚动轴的位置，用于返回顶部
    scroll-with-animation="true" // 返回顶部的动画
    bindscroll="scrollFn" // 滚动时触发事件
    bindscrolltolower="scrollToLower" // 滚动到底部时触发事件，必须给scroll-view设置高度，不然无法触发
  >
    <view class="cont" wx:key="{
  {index}}" wx:for="{
  {list}}">
      <text>{
  {item}}</text>
    </view>
    <view bindtap="backFn" class="back" wx:if="{
  {isShow}}">返回顶部</view>
     // 绑定事件返回顶部，wx:if用来控制隐藏和显示
  </scroll-view>
</view>

2、scroll.wxss

#container{
  width: 100%;
  position