这几天做小程序,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色,测试说体验不太好,一开始我以为是下拉上拉刷新造成的,关闭了依然是这样.为了体验好点,可以按一下解决: 方式一: 可以在page.json文件内配置 :"backgroundColor": "#ccc" 属性,这个方法比较便捷.但是对于一些全屏背景的页面体验还不是很好 方式二: 对于一些全屏背景页面,我们可以让背景固定这样体验会好点,可以按以下进行操作: 1>page.j

微信小程序的下拉刷新:在page的js文件中有监听用户下拉刷新的处理函数onPullDownRefresh:function(){} //js文件中自带的处理函数,在onUnload下面,注意不要重复写 此外需要注意,使用下拉刷新需要在page.json中{ "enablePullDownRefresh": true,//允许下拉刷新 "backgroundTextStyle":"dark" //如果背景颜色是白色的,下拉刷新的动画效果就看不到,

微信小程序禁止下拉 在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 产品的需求不太允许这么做,会影响用户体验,查看文档发现可以使用enablePullDownRefresh这属性来实现,在page.json里面添加: "enablePullDownRefresh":false 这样可以禁用页面下拉滚动,需要注意的是不可在全局配置 app.json中配置.经测试发现:虽然禁止了下拉刷新,但是在部分ios端仍然可以下拉出现空白.那么该如何解决呢? 方法:当页面滚动的时候判断与

在上一篇文章中,我们知道了使用 scroll-view 可以实现上拉加载更多,但是由于 scroll-view 的限制,它无法实现下拉加载更多,这篇文章我们使用 view 组件来实现 上拉和下拉加载更多. 下拉加载更多: 1.在响应的 xxx.json 配置文件依次配置如下配置 >> enablePullDownRefresh:true  表示开启下拉刷新 >> backgroundTextStyle              下拉 loading 的样式,仅支持 dark/lig

微信小程序最近比较热门,再加上自然语义理解也越来越被人关注,于是我想赶赶潮流,做一个小程序试试.想来想去快递查询应该是一种比较普遍的需求. 如果你也在通过自然语言接口做点什么,希望我的这篇博客能帮到你.我建了一个QQ群656580961,感兴趣的朋友可以加入互通有无.或者你也可以直接下载代码试一试. 用微信扫描下面的二维码可以直接测试小程序 也可以通过关注下面的公众号,点解工具使用小程序 ----------------功能介绍: 我的小程序名字叫"智能生活宝"------------

最近给别个公司做技术支持,要实现微信小程序上拉刷新与下拉加载更多 微信给出的接口不怎么友好,最终想实现效果类似QQ手机版 ,一共3种下拉刷新状态变化,文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是,自定义了导航条,并且下拉的时候,自定义导航条必须固定) 小程序实现下拉加载2种方式: 1. 简单粗暴,直接开启enablePullDownRefresh,开启全局下拉刷新 2.利用scroll-view组件 简单分析下2种方式的利与弊 enablePullDownRefresh方式 优

微信小程序当滑动到最顶部和最底部时,继续下拉,会将整个页面拉下去或者拉上去,本来以为是客户端自有的特性,就没去管他,直到我的禅道出现了这个记录... 其实这个问题是可以解决的,只需要在你不想出现在此情况的页面的app.json配置里加上 "disableScroll": true 但是如果你的页面使用了scroll-view,并且开启了加强特性,即enhanced时,这个方法也是没有用的: 还有一点需要注意的是,开启 "disableScroll": true 页面

最近做微信小程序时,用到小程序的原生组件camera时,踩到一个bug. 在给camera设置样式position:absolute;绝对定位后,IOS调用camera原生组件拍照后退不出来. 不使用绝对定位即可.

小程序提供了,onPullDownRefresh和onReachBottom两个事件函数监听下拉和上拉事件函数.提示加载中,取消加载中 效果: js文件 // pages/enterprise/enterprise.js var app = getApp(); Page({ /** * 页面的初始数据 */ data: { enterpriseList: [], pageNo: , //页数 pageSize: , // 条数 cityCode: null // 城市编码 }, //查询数据 q

感觉ios的小程序每个页面都可以下拉出现白屏 有时页面带有滑动的属性会跟着晃动,体验不是很好 解决办法: 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了,下面溢出的内容就拉不出来了,此时用overflow:scroll间接滑动 .content{ width:100%; height:600rpx: overflow-y:

下拉刷新 1.需要在json文件中,设置"enablePullDownRefresh": true,表示该页面使用下拉刷新 2.在微信内置函数onPullDownRefresh中进行操作 onPullDownRefresh: function(){ console.log("onPullDownRefresh"); var that = this; that.getPhotoInfo();} 我这里的操作调用了其他的函数,不需要也可以在下面自定义函数.注意如果需要和

根据文档的描述,做上拉加载时直接实现页面的onReachBottom()函数即可.但是要做下拉刷新时,除了实现onPullDownRefresh()函数外,还必须要在app.json中配置开启enablePullDownRefresh. "enablePullDownRefresh": "true" 但是已经按上面写法配置后,在微信开发者工具的模拟器上运行可以下拉刷新,在苹果真机上却不能触发下拉刷新! 原因是"true"是字符串而不是Boolea

页面部分 <picker mode = "selector" bindchange="bindPickerChange" value="{{project[idx].id}}" range="{{project}}" range-key="{{'val'}}"> <view class="picker picker1"> {{project[idx].val}}&

关于“enablePullDownRefresh”: “true” 一.使用方式 在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件.需要在 config 的window选项中开启 enablePullDownRefresh.当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新. 二.错误处理 在代码中出现的报错如下: 变量值”true”,这是个字符串而不是Boolean类型的变量. 设置成字符串在模拟器中可以触发

注意和后端配合就行了,前端也只能把数据拼接起来! 无论是下拉加载还是加载更多,一样的道理! 注意首次加载传递参数 注意每次加载数据数 wxml <view class='table-rank'> <view class='tables center' wx:for="{{ranklist}}" wx:for-index="idx" wx:key="prototype"> <view class='stage-rank

// 拉取数据 fetchData: function() { wx.request({ url: 'http://v.juhe.cn/toutiao/index', data: { type: '', key: '482e213ca7520ff1a8ccbb262c90320a' }, header: { 'contentType': 'application/json' }, success: function(res) { console.log(res.data) } }); }, //

实现功能:点击维保人员,调出下拉菜单.选择子菜单时,显示右边的图标表示选中,并进行赋值并进行搜索筛选 Wxml: <view class="dtclass" bindtap="loadtype"><span>{{SercherType}}</span>    <image src="../../images/xiala.png" style="height:10px;width:20rpx;ma

<!-- &&底部加载 --> <view class='page-add-data flexca'> <text>{{pageTottomText}}</text> </view>     /*加载 ---------------- */ .page-add-data{ width: 100%; height: 40rpx; color: #666; font-size: 24rpx; padding-bottom: 20rpx

一.源码地址 https://github.com/imxiaoer/WeChatMiniSelect 二.效果图 录屏图片质量较差,所以大家会看到残影(捂脸) 三.组件源码 1. select.wxml <view class="select-box"> <view class="select-current" catchtap="openClose"> <text class="current-name

代码片段:https://developers.weixin.qq.com/s/K9VbWZmy7e8C

微信小程序实现上拉加载下拉刷新 使用小程序默认提供方法. (1). 在xxx.json 中开启下拉刷新,需要设置backgroundColor,或者是backgroundTextStyle ,因为加载的动画可能会是白色背景,会看不清. { "usingComponents": { "annicate": "/components/annicate/index" }, "navigationBarTitleText": &quo