微信小程序数据请求分页显示

最新推荐文章于 2024-03-31 14:41:54 发布

云处安

最新推荐文章于 2024-03-31 14:41:54 发布

阅读量421

点赞数

分类专栏： HTML 文章标签：小程序

本文链接：https://blog.csdn.net/qq_36575358/article/details/111327496

版权

本文介绍如何在微信小程序中进行数据请求并实现分页显示。通过wxml展示数据，使用js处理分页逻辑，结合json配置实现交互，详细阐述了微信小程序分页加载的完整流程。

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

wxml

<view class='margin-left-lg margin-right-lg margin-top-sm margin-bottom-sm paddimg-xl bg-white radius-df padding' wx:for="{
    {record}}" wx:key='key'>
  <view class='flex justify-between align-center border-bottom padding-bottom-sm'>
    <text class='text-grey text-sm'>使用前:<text class='text-black text-sm'>{
  {item.money_before}}元</text></text>
    <text class='text-grey text-sm'>使用后:<text class='text-black text-sm'>{
  {item.money_after}}元</text></text>
  </view>
  <view class='flex justify-between align-center margin-top-sm'>
    <text class='text-grey text-sm width-mid'>类型:</text>
    <text class='text-grey text-sm width-mid'>使用:</text>
  </view>
  <view class='flex justify-between align-center margin-top-xs'>