注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 微信小程序---列表页左滑删除（同时适用于安卓和ios）

  2. 微信小程序列表页的左滑动删除 1，首先页面每个item分为上下两层，上面一层放置正常内容，下面一层放置左滑显示出的按钮，这个可以使用z-index来实现分层。 2，item上层使用绝对定位，我们操纵 left 属性的值来实现像左移动。 3，我们通过微信小程序api提供的touch对象和3个有关手指触摸的函数（touchstart，touchmove，touchend）来实现item随手指移动。

  3. 所属分类：Javascript

    • 发布日期：2018-03-27
    • 文件大小：26624
    • 提供者：qq_38032300

  1. 微信小程序--gridview实现3个scroll关联滑动

  2. 在gridview里分为三个区域：首行、首列、数据区域。当首行左右滑动时，数据区域同步左右滑动；当首列上下滑动时，数据区域同步上下滑动；当数据区域左右滑动时，首行与之同步滑动；当数据区域上下滑动时，首列与之同步滑动。 且数据值支持包含 html 标签！

  3. 所属分类：Javascript

    • 发布日期：2019-08-03
    • 文件大小：875520
    • 提供者：u010465417

  1. 微信小程序页面上下滚动效果

  2. 主要为大家详细介绍了微信小程序页面上下滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：33792
    • 提供者：weixin_38581308

  1. 微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能

  2. 主要介绍了微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能，利用小程序事件处理的api，分别读取触摸开始，触摸移动时，触摸结束的X/Y坐标，根据差值来改变整个卡片的位置，具体实例代码跟随小编一起看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：49152
    • 提供者：weixin_38529436

  1. 微信小程序在ios下Echarts图表不能滑动的问题解决

  2. 问题现象 这个问题的现象说起来很简单。 小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。 但是手指滑动区域在Echarts图表上时，页面却不能滑动了。 如下图： 追踪问题原因 因为在小程序上渲染图表用到的是echarts-for-weixin这个组件,而这个组件确实不支持一些Echarts功能。 所以最开始我怀疑是这个组件的问题，认为它把我的滑动事件给吞了。 为了确认这个问题，我直接在这个组件ec-canvas旁加了个兄弟节点view，然后用绝对定位将其覆

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：186368
    • 提供者：weixin_38596485

  1. 微信小程序左滑删除效果的实现代码

  2. 今天我们说下微信小程序左滑删除效果的实现，现在市场上很多APP都在使用这个效果，一个listView页面，向左滑动一条item时，右侧会出现一个删除或者其他的选项，用户体验非常好，操作起来十分方便，今天我们使用微信小程序来实现这个效果……. 先看效果 要实现的效果： 1，当向左滑动时，item跟随手指像左移动，同时右侧出现两个可点击的按钮 2，当滑动距离大于按钮宽度一半松开手指时，item自动滑动到左侧显示出按钮，小于一半时item自动回到原来的位置，隐藏按钮。 思路： 1，首先页面每个

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：149504
    • 提供者：weixin_38673798

  1. 小程序组件之仿微信通讯录的实现代码

  2. 最近模仿微信通信录做了个小程序组件，分享给大家，具体如下： 效果图 因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。 特色功能介绍 用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便； 组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示（没有的咱就不要）； 用户进行上下滑动时，左右相互联动； 点击右侧导航，组件

  3. 所属分类：其它

    • 发布日期：2020-12-04
    • 文件大小：104448
    • 提供者：weixin_38720173

  1. 微信小程序利用swiper+css实现购物车商品删除功能

  2. 要实现的购物车效果如下： 小程序通过bind与catch绑定事件，没有event.stopPropagation()方法。 bind：不会阻止冒泡事件向上冒泡， catch：可以阻止冒泡事件向上冒泡 用touchstart、touchmove、touchend实现滑块效果，无法动态js控制何时冒泡何时阻止冒泡，就会出现用bind时，左右上下滑动乱窜；用catch，商品区域只能左右滑动，无法上下滚动 而小程序提供的swiper通过css就可以实现删除滑块效果，同时不影响页面的正常滚动。具

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：63488
    • 提供者：weixin_38722193

  1. 微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

  2. 本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考，具体如下： 实现的目标MUI的off canvas效果 点击列表 —- 右侧展示页面不动，左侧导航滑动 —- 点击右侧遮罩层或者左侧选项 —- 左侧还原，右侧去掉遮罩层 实现方案2：左右分上下两层，左侧滑动，右侧不动   WXML <view class=nav-list wx:for-items={{nav_list}} bindtap=open_list

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：62464
    • 提供者：weixin_38687928

  1. 微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)

  2. 本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考，具体如下： 实现的目标—-YDUI的Popup组件 点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层—-左侧菜单栏关闭 实现方案1：左侧菜单和右侧展示页面分为上下两层 wxml <view bindtap=open_list wx:for-items={{nav_list}} class=

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：67584
    • 提供者：weixin_38610573

  1. scroll-video:scroll-video微信小程序视频上下滑动播放方案视频滑动播放的两种方案：Swiper + Video，使用Swiper插入视频进行视频播放，小程序v2.4.0起Video组件支持同层渲染，大体思路是保证一个视

  2. 滚动视频 微信小程序视频上下滑动播放方案 视频滑动播放的两种方案： Swiper + Video，使用Swiper合并视频进行视频播放，小程序v2.4.0起Video组件支持同层渲染，大体思路是保证一个视频组件，记录Swiper的电流，并与此swiper-item的下标做比对，来对比当前索引和current是否一致，一致则展示Video组件。 滑动效果比较好，还有优化的，怎么预加载，怎么放置3个Video组件进行预加载的问题。 平移画，模拟上下滚动的效果。大体思路是固定的一个视频组件，把封面图

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：116736
    • 提供者：weixin_42097967

  1. 微信小程序:微计划日程管理-源码

  2. todolist 本小程序为本人的毕设设计项目：微计划-日程管理类微信小程序。 演示动画 界面展示 主要功能模块 目标模块 计划模块 任务模块 笔记模块 系统其他功能模块 数据备份与还原功能 时间轴功能 小卡片功能 日历界面功能 历史统计功能 文本分析功能 拓展视图功能 四象限视图 日视图 周视图 月视图 年视图 一生视图 已有功能 界面 关于 增加笔记 增加计划 增加目标 增加todo 动画测试 日历 日视图（框架已有，丑） 四象限 四象限测试 历史（以时间轴形式展现） 主页 一生视图（类似生

  3. 所属分类：其它

    • 发布日期：2021-01-27
    • 文件大小：3145728
    • 提供者：weixin_38617602

  1. 微信小程序仿通讯录-源码

  2. 该代码不做维护，完整代码请访问 WxPhone_list 微信小程序仿通讯录 效果图 话不多说，先上效果图 因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。 特色功能介绍 用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便； 组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示（没有的咱就不要）； 用户进行上下滑动时，左右相互联动

  3. 所属分类：其它

    • 发布日期：2021-01-27
    • 文件大小：7168
    • 提供者：weixin_38558054

  1. 微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能

  2. 实现类似ios端微信的左滑显示置顶、删除按钮的功能，首先需将按钮部分设为绝对定位，并且right设为负值溢出屏幕。利用小程序事件处理的api，分别读取触摸开始，触摸移动时，触摸结束的X/Y坐标，根据差值来改变整个卡片的位置。 这里有一个细节，为了防止按钮的点击干扰到卡片主部分的滑动，需要将整个卡片分为两部分。 <View onTouchStart={this.moveTaskStart} onTouchMove={this.moveTask} onTouch

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：47104
    • 提供者：weixin_38752282

  1. 微信小程序轮播图实例：自定义指示点的样式，上下滚动

  2. 轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。废话少说，下面开始动手。业务需求： ...       轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。  漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。  废话少说，下面开始动手。 业务需求：  5个图片轮番播放，可以左右滑动，点击指示点可以切换图片 重点说明：  由于微信小程序，整个项目编译后的大小不能超过1M  (此图片来

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：90112
    • 提供者：weixin_38704922

  1. 微信小程序开发教程第六章：「名片盒」「我」的页面开发

  2. 感谢「名片盒」团队提供他们的服务号来动这个手术，目前微信公布的工具和代码都不是正式版，随时有可能调整，大家先体验和学习为主吧。       效果图与需求：     (此图片来源于网络，如有侵权，请联系删除! )     用户有多张名片，需要左右切换查看，往下切换是菜单按钮。     这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动，第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。     Vertical 加

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：688128
    • 提供者：weixin_38530115

  1. 小程序超实用组件：仿微信通讯录

  2. 效果图 话不多说，先上效果图 (此图片来源于网络，如有侵权，请联系删除! ) 因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。 特色功能介绍 用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便； 组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示（没有的咱就不要）； 用户进行上下滑动时，左右相互联动； 点击右侧导航，组件会相应的上

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：133120
    • 提供者：weixin_38666697