微信小程序基于wepy框架开发之页面下拉操作

最新推荐文章于 2021-09-02 14:43:49 发布
最新推荐文章于 2021-09-02 14:43:49 发布
阅读量331 收藏
点赞数
分类专栏： 微信小程序开发 微信小程序wepy框架开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LinQiPing233/article/details/94438155
版权
本文介绍了在2019年使用wepy框架开发微信小程序时遇到的页面下拉操作问题，包括在有垂直滚动组件时下拉无效、下拉过程不流畅以及下拉后无法自动回弹等。同时，文章提供了在wepy架构下启用和监控下拉功能的源码操作指南。
摘要由CSDN通过智能技术生成

写在前面

20190702
微信小程序自带了API支持页面下拉操作，但是使用不是很友好
问题一：页面中如果有垂直滚动组件，在该组件范围内下滑页面，下拉操作无效
问题二：下拉过程过度不流畅
问题三：下拉释放后不会自动回弹，需要调用wx.stopPullDownRefresh()

源码操作

基于wepy架构

在config中配置使能下拉功能

    config = {
   
      navigationBarTitleText: 'test',
      enablePullDownRefresh: true
    }

下拉监控回调

    onPu
最低0.47元/天 解锁文章
---牧马人---
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序下拉框插件_微信小程序:自定义组件（Component）
weixin_32616931的博客
12-30 1201
微信小程序文档中提供的组件有限，一定程度上限制了开发需求，这里就需要我们自定义一些控件，实现开发需求。自定义控件有两种方式，一种是选择模板的方式，另一种是选择组件的方式来创建。这里我选择了组件方式来创建，这样只需引入组件和外部添加数据，内部展示数据，即可实现重用。目前微信小程序提供的组件1、文件目录结构这里一定要注意我们目录结构，个人喜好把项目中的业务文件放在pages中，图片放在与pages同级...
基于微信小程序wepy中 scroll-view滚动到指定位置（定位到id位置，使用 scroll-into-view）附带三层下拉框例子
weixin_43923808的博客
03-10 3925
<scroll-view style="height:500rpx" scroll-y="true" scroll-with-animation="true" scroll-into-view="bottomView{{selectedObj[currentTab.value][1].value}}"> .
微信小程序 select 下拉框组件功能
cxu123321的博客
02-29 5208
微信小程序 select 下拉框组件功能 更新时间：2019年09月09日 08:21:23 作者：similar 我要评论 这篇文章主要介绍了微信小程序 select 下拉框组件功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下 一、源码地址 https://github.com/imxiaoer/WeChatMiniSelect ...
微信小程序如何自定义一个可输入筛选的下拉弹出框，也封装成组件。
attach_uzi的博客
09-02 6434
在开发过程中，经常会遇到下拉框，有些时候内容过多，找起来也不方便，给他增加一个输入框，相当于用户输入某些信息，然后再下拉，符合输入内容的数据将会被展示出来，大大方便了用户操作体验。 话不多说，让我们开始吧！ 1.先简单了解一下弹框，picker，当mode = selector，即可，具体可以看微信小程序官方文档，https://developers.weixin.qq.com/miniprogram/dev/component/picker.html range 相当于整个下拉数组，range-ke.
微信小程序下拉选项框
热门推荐
qq_38215042的博客
02-18 3万+
效果图 test.js /** * 页面的初始数据 */ data: { shows: false, //控制下拉列表的显示隐藏，false隐藏、true显示 selectDatas: ['消费账户', '平台返利账户', '微信钱包'], //下拉列表的数据 indexs: 0, //选择的下拉列 表下标, }, // 点击下拉显示框 s...
微信小程序基于wepy框架开发之问题集锦
LinQiPing233的博客
02-22 526
目录 1、报错提示：appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white 2、有时候代码从这个电脑搬到另一台电脑打开后，编译会出现不知神马的错误 3、详情显示代码大小未超过2M，但是真机调试的时候提示代码包超过2M 1、报错提示：appJSON["window"]["navigationBarTextSty...
微信小程序框架wepy之动态控制类名
12-29
本文为大家分享了微信小程序框架wepy之动态控制类名的具体实现方法，供大家参考，具体内容如下 控制类名 style <style lang=less scoped> .liBkgCor { background-color: red; } </style> template...
详解微信小程序框架wepy踩坑记录（与vue对比）
10-17
本文主要探讨了微信小程序框架wepy在实际开发中遇到的一些问题，并将其与Vue.js进行了对比。Wepy虽然借鉴了Vue的语法和特性，但在具体实现上存在一些差异，这可能导致开发者在使用过程中遇到坑点。 首先，关于组件...
微信小程序组件化开发框架wepy开发资源汇总
05-06
leshare-seller-wepy：基于小程序的电商卖家端，采用wepy框架开发 leshare-food-wepy：基于微信小程序的外卖店铺，采用wepy框架开发 有趣视频(youqu): 基于WePY开发, 模仿开眼App的一个视频小程序 wepy-one：微信小...
WeUI在WePY中的使用示例
08-10
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 这里是 WeUI 在 WePY 中的使用示例。
微信小程序demo：页面框架(源代码+截图)
06-19
微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo...
微信小程序框架 WePY 开发使用
04-24
微信小程序框架WePY 使用 从环境搭建 到 入门 实现可运行demo 适用于初学者
微信小程序实现下拉框功能
wolf艺术人生
08-10 7496
微信小程序里没有和HTML里的下拉框一样的组件，想要相同的效果只能自己写一个，先看效果 下面来看一下代码： 首先WXML <view class='select_box'> <view class='select' catchtap='selectTap'> <text class='select_text'>{{selectData[index]}}</text> <image class='select_img {{show&a
转载-微信小程序下拉框
花花的博客
08-05 1544
原文网址  图片去icon网站下载就好了   微信小程序里没有和HTML里的下拉框一样的组件，想要相同的效果只能自己写一个，先看效果  下面来看一下代码： 首先WXML &lt;view class='select_box'&gt;     &lt;view class='select' catchtap='selectTap'&gt;         &lt;text class='se...
微信小程序下拉选择框
nan961136007的博客
07-30 7706
一般来说的话，总有点需要下拉并且能够搜索选择的需求。 首先wxml <!-- 下拉菜单 --> <view class='menu-po'> <!-- 请选择 --> <view class='menu'> <view class='menu-list'> &lt...
微信小程序开发模拟下拉菜单
汉堡请不要欺负面条
05-18 3387
一.知识点 1.实现动态显示和隐藏某个控件 列表1 data:{ open:false }, showitem:function(){ this.setData({ open:!this.data.open }) }, .display_show{ display: block; } .display_none
微信小程序开发-下拉框选项select option
weixin_43045869的博客
04-21 2289
js事件： 当点击三角时候，设置下拉框option选项显示（高度）。当点击选项值的时候，设置全局变量的下标值，标签中会根据下标在数组中选中，绑定数据显示， 然后设置下拉框option选项不显示（高度0）。 Page({ data: { selectShow: false,//控制下拉列表的显示隐藏，false隐藏、true显示 selectData: ['15:10','15:15','15:20'],//下拉列表的数据 index: 0,//选择的下拉列表下标 },
物联网工程_基于RFID的食堂食品安全监测系统设计.docx
最新发布
07-20
物联网工程_基于RFID的食堂食品安全监测系统设计
微信小程序开发框架深度解析
微信小程序框架是微信官方推出的一种用于开发微信小程序的专用框架，它旨在帮助开发者在微信环境中创建具有接近原生应用体验的服务。文档详细介绍了框架的各个方面，包括基本概念、配置、逻辑层、视图层、API、组件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值