当前位置: 首页 > article >正文

微信小程序的上拉刷新与下拉刷新

效果图如下: 上拉刷新   与   下拉刷新

代码如下:

joked.wxml

<scroll-view class="scroll" scroll-y  refresher-enabled  refresher-default-style="white" bindrefresherrefresh="onRefresh"  refresher-triggered="{{isRefreshing}}" bindscrolltolower="getmoreData">
  <view class="item" wx:for="{{jokeList}}" wx:key="*this">
    {{item}}
  </view>
</scroll-view>

##解释代码如下:
   refresher-enabled: 开启自定义下拉刷新
   refresher-default-style="white": (string) 设置自定义下拉刷新默认样式,支持设置 black | white | none, none 表示不使用默认样式
    bindrefresherrefresh="onRefresh":(eventhandle) 自定义下拉刷新被触发
    refresher-triggered="{{isRefreshing}}":(boolean) 设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发
     bindscrolltolower="getmoreData":(eventhandle) 滚动到底部/右边时触发

joked.ts


http://www.kler.cn/a/378330.html

相关文章:

  • PyQt入门指南三十五 QAction动作组件
  • 界面控件Kendo UI for Angular 2024 Q3亮点 - 全新的页面模板
  • Spring Boot框架下的信息学科平台实现策略
  • 响应式网页设计案例
  • 桑基图在医学数据分析中的更复杂应用示例
  • 如何保证RabbitMQ消息的可靠传输?
  • linux驱动-输入子系统框架讲解
  • ERC论文阅读(04)--DialogueCRN论文阅读笔记(2024-11-03)
  • Apache POI(java操作Miscrosoft Office)
  • 江协科技STM32学习- P31 I2C通信协议
  • 多臂老虎机——入门强化学习
  • linux-环境变量
  • 心法利器[121] | 读源码:用mT5训练一个自动摘要模型(含代码)
  • 计算机毕业设计Python+大模型新闻自动分类 新闻舆情预测 新闻语料情感分析 新闻推荐系统 朴素贝叶斯分类算法 机器学习 深度学习
  • 【多模态读论文系列】LLaVA论文笔记
  • list与iterator的之间的区别,如何用斐波那契数列探索yield
  • Java后端面试内容总结
  • fetch 与 xmlHttpRequest 请求总结
  • IT运维的365天--018 如何在内网布置一个和外网同域名的网站,并开启SSL(https访问),即外网证书如何在内网使用
  • 【机器学习】回归树