当前位置:
  1. 首页 »
  2. 笔记 »
  3. 正文

微信小程序scroll-view下拉刷新,出现一直刷新

零分 5,154

用scroll-view,主要原因是,可以在顶部固定一个模块,虽然position:fixed可以实现,但发现在真机上总会出现一条小白条,看着不是很舒服

scroll-view下拉刷新,需要用到几个属性:scroll-view官方说明

refresher-enabled:开启自定义下拉刷新

refresher-threshold:设置自定义下拉刷新阈值

refresher-default-style:设置自定义下拉刷新默认样式,支持设置 black | white | none, none 表示不使用默认样式

refresher-background:设置自定义下拉刷新区域背景颜色

refresher-triggered:设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发

主要是:refresher-triggered,当值为FALSE时,关闭刷新,默认值是FALSE,原先一直在设置复位:TRUE,所以一直刷新,改FALSE后,才解决

下拉刷新:

bindrefresherrefresh: function (e) {
        let that = this;
        wx.showLoading({
            title: '正在刷新...',
            mask: true,
        })
        that.setData({
            page: 1
        })
        that.GetData()
    },

下拉刷新复位

bindrefresherrestore: function (e) {
        let that = this;
        that.setData({
            refresher: false,
        })
    },

而开始时一直设置refresher值为true!

wordpress结合微信小程序API接口开发构想

wordpress结合小程序插件百度搜索下已经都有现成的,一般都是结合 WordPress API 插件给小程序提供JSON数据接口! 像文章内有带图片,视频元素的,无法直接在小程序内显示 小程序代码示例: 之前一直考虑在小程序内处理文章数据,感觉比较累!是否可以通过数据源上处理? WordPress上读取的文章,几乎都是用P标签分割段落和图片,视频,即,即便是图片img标签也会被P标签包裹!在读取的文章中以P标签分割,重组数组 类似: array=array( "type"=>"txt",//例如:txt:文本,img:图片,video:视频... "content"=>"内容"//如果是图
笔记 2,374

微信小程序解决上滑多次加载重复内容的问题

突然觉得,在小程序内,没有true和false解决不了的问题! 今天在写微信小程序的时候,下拉会出现多次加载的问题,而且内容还是一样。 因为通过手滑的时候,难免会滑多次!折腾了很久,才发现,一样可以用true和false来解决问题! 滚动是用scroll-view(view的原理一样) 1、在上滑的时候会触发一个加载数据的function,所以在触发加载数据function前加入一个判断!判断true是触发加载数据,否则不触发! 2、在加载数据的function中加入一个设置函数。加载开始时设置为false,当数据加载完后,重新设置为true。 这样,在数据加载时,就无法再次触发上滑加载,当数
笔记 3,308

微信小程序单指、双指操作图片/层(移动缩放)

微信小程序单指、双指操作图片/层WXML: <view class="myCanvas"> <image src="{{ loadSrc}}" class="img" bindtouchstart="touchstartCallback" bindtouchmove="touchmoveCallback" bindload="imgload" style="width: {{ scaleWidth }}px;height: {{ scaleHeight }}px;margin-top:{{marginTop}}px;margin-left:{{margin
笔记 2,853

微信小程序canvas初始化、绘图、保存

微信小程序canvas初始化、绘图、保存,记录保存一下 canvas初始化 /***初始化canvas */ initCanvas(){ // 通过 wx.createSelectorQuery()方法创建 const query = wx.createSelectorQuery() query.select('#myCanvas') // canvas id .fields({ node: true, size: true }) .exec((res) => { const
笔记 2,744