小程序分页加载

最新推荐文章于 2024-08-01 13:39:52 发布

gdjlc

最新推荐文章于 2024-08-01 13:39:52 发布

阅读量1.1k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/gdjlc/article/details/87182158

版权

本文介绍了在小程序中实现分页加载的步骤，包括在app.json启用enablePullDownRefresh，编写.wxml页面，调用后台接口获取数据，以及展示页面效果。示例使用了一个公开的诗词接口，展示了分页加载的实现过程。

摘要由CSDN通过智能技术生成

1、app.json启用enablePullDownRefresh

在window配置项里面添加"enablePullDownRefresh": true

2、页面.wxml

<view class='panel base-padding base-margin-bottom cate-data'>
  <view class='panel-heading'>
    <view class='panel-title font-lv1 strong'>唐诗     
    </view>
  </view>
  <view class='panel-body'>  
    <block wx:for="{
  {contentlist}}">
      <view class='row'> 
          <navigator url='/pages/intro/intro' class='ellipsis-1row font-lv2'>{
  {item.title}}</navigator>      
          <view class='text-muted info'>{
  {item.authors}}</view>  
          <view class='text-muted ellipsis-2row desc'>{
  {item.content}}
          </view>        
      </view>
    </