解释:可用于页面任意区域;使用时需自行添加下拉逻辑改变 offset-y 参数;smt-feed 组件对 smt-refresh 进行了封装,支持手势交互和 API 调起刷新。
网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了秦皇岛免费建站欢迎大家使用!
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
theme | String | 否 | - | 主题配置,默认浅色;深色主题请指定 dark |
loadingHgt | Number | 否 | 192px(需转换为设备尺寸) | 加载区域高度 |
offsetY | Number | 否 | 0 | 垂直移动距离,建议后续在 sjs 中使用 |
status | Number | 否 | 0 | 加载状态,0:未开始,1:加载中,2:展示话术 |
text | String | 否 | 建议最多显示 18 个汉字,超出内容截断 | 加载成功时的展示话术 |
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
手动下拉刷新
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 个中文字符。以下为建议文案可供参考:
新闻名称:创新互联百度小程序教程:refresh刷新
当前网址:http://www.csdahua.cn/qtweb/news37/498037.html
网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
快上网
-
趋势科技为中国移动手机动漫基地撑起互联网“保护伞”
-
如何做好帝国软件数据库配置?(帝国软件数据库配置)
-
LinuxFTP550错误的解决技巧(linuxftp550)
-
Linux离线环境下Python3连接Impala:一场寻找解决方案的旅程
-
选择服务器厂家要留意哪些要素
-
安装Linux系统上安装了-Boa服务器的指南(boalinux)
-
Linux安装:区分大小写(linux安装大小写)
-
笔记本怎么远程控制台式机?(用台式机和笔记本分别进行远程桌面连接)
-
为什么快点阅读突然就服务器出错了(关机重启都试过了)?快快开服务器
-
oracle如何设置字段自增
-
以.us域名为主题,拟1个新标题:探索.us域名的历史、应用与未来
-
云服务器弹性ip如何弄
-
数据库关联表格数据,实现数据共享与数据分析 (数据库关联表格数据)
-
MIMEtype:image/jpeg(JPEG图像)
-
如何给云主机传网页