博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序:enablePullDownRefresh、onReachBottomDistance 、动态设置窗口的背景色、动态设置下拉背景字体...
阅读量:5036 次
发布时间:2019-06-12

本文共 1012 字,大约阅读时间需要 3 分钟。

一、enablePullDownRefresh

1、下拉刷新enablePullDownRefresh的支持

单页面配置json文件

{  "enablePullDownRefresh": true}

app.json配置(所有页面都带有下拉刷新功能)

{    "window": {        "enablePullDownRefresh": true    }}

2、设置backgroundTextStyle

大家会发现别人的小程序下拉刷新是有三个点闪烁的动画、自己设置的并没有。这里面有个设置backgroundTextStyle的支持:
1077581-20190522151916938-1435753484.png

"backgroundTextStyle": "",支持 dark/light

3、停止stopPullDownRefresh

微信小程序还提供了停止下拉刷新的API:

wx.stopPullDownRefresh()

二、onReachBottomDistance上拉触底

1、页面上拉触底事件触发时距页面底部距离,单位为px。

(单页面json配置,app.json的window配置中配置 全部页面的上拉触底)

"onReachBottomDistance": 50//默认值是50

2、在Page.onReachBottom里面进行渲染数据及查看

/**   * 页面上拉触底事件的处理函数   */  onReachBottom: function () {    console.log("页面上拉触底事件的处理函数")  },

三、动态设置下拉背景字体、loading 图的样式

wx.setBackgroundTextStyle({  textStyle: 'dark' // 下拉背景字体、loading 图的样式为dark})

四、动态设置窗口的背景色

wx.setBackgroundColor({  backgroundColor: '#ffffff', // 窗口的背景色为白色})
wx.setBackgroundColor({ backgroundColorTop: '#DC143C', // 顶部窗口的背景色为红 backgroundColorBottom: '#00FA9A', // 底部窗口的背景色为绿})

转载于:https://www.cnblogs.com/MicKing/p/10906121.html

你可能感兴趣的文章
浏览器跨域问题
查看>>
HTML5 input控件 placeholder属性
查看>>
使用JAVA如何对图片进行格式检查以及安全检查处理
查看>>
html5实现移动端下拉刷新(原理和代码)
查看>>
iPhone开发中从一个视图跳到另一个视图有三种方法:
查看>>
pytho logging
查看>>
一个Java程序员应该掌握的10项技能
查看>>
c#英文大小写快捷键
查看>>
tpframe免费开源框架又一重大更新
查看>>
一.go语言 struct json相互转换
查看>>
什么是架构设计
查看>>
程序员学习能力提升三要素
查看>>
PHP 微信错误状态返回码说明
查看>>
【4.1】Python中的序列分类
查看>>
ubuntu 移动文件
查看>>
Easy Mock
查看>>
看看 Delphi XE2 为 VCL 提供的 14 种样式
查看>>
Python内置函数(29)——help
查看>>
机器学习系列-tensorflow-01-急切执行API
查看>>
SqlServer 遍历修改字段长度
查看>>