• refresh 刷新
  • 属性说明
  • 示例
    • 代码示例

refresh 刷新

解释：可用于页面任意区域；使用时需自行添加下拉逻辑改变 offset-y 参数；smt-feed 组件对 smt-refresh 进行了封装，支持手势交互和 API 调起刷新。

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了秦皇岛免费建站欢迎大家使用！

属性说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 手动下拉刷新
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="smt-card-area"
  
  
  
 catch:touchstart="noop"
  
  
  
 catch:touchmove="noop"
  
  
  
 catch:touchend="noop"
  
  
  
 >
  
  
  
 

  
  
  
 class="smt-feed pull-down-refresh"
  
  
  
 ext-cls-feed="custom-cls-feed"
  
  
  
 ext-cls-loading="custom-cls-loading"
  
  
  
 theme="{{theme}}"
  
  
  
 pull-to-refresh
  
  
  
 bind:refresh="onRefresh"
  
  
  
 text="{{pullText}}"
  
  
  
 >
  
  
  
 
  
  
  
 

  
  
  
 class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
  
  
  
 s-for="val in list"
  
  
  
 style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
  
  
  
 key="{{val}}"
  
  
  
 >
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 自动刷新
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="smt-feed auto-refresh"
  
  
  
 ext-cls-feed="custom-cls-feed"
  
  
  
 theme="{{theme}}"
  
  
  
 disable-touch
  
  
  
 text="{{autoRefreshText}}"
  
  
  
 >
  
  
  
 
  
  
  
 

  
  
  
 class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
  
  
  
 s-for="val in list"
  
  
  
 style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
  
  
  
 key="{{val}}"
  
  
  
 >
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 刷新失败
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 刷新失败
  
  
  
 

  
  
  
 class="smt-feed auto-refresh-fail"
  
  
  
 ext-cls-feed="custom-cls-feed"
  
  
  
 theme="{{theme}}"
  
  
  
 disable-touch
  
  
  
 >
  
  
  
 
  
  
  
 

  
  
  
 class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
  
  
  
 s-for="val in list"
  
  
  
 style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
  
  
  
 key="{{val}}"
  
  
  
 >
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

  
  
  
 
  
  
  
 沉浸式主题
  
  
  
 
  
  
  
 
  
  
  

 
 
 

设计指南

在刷新方式上，建议必配手动刷新，避免出现用户无法主动操作的情况。
自定义反馈文案（text）时，文案内容应合理友好，且不超过 18 个中文字符。以下为建议文案可供参考：