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

搜索资源列表

  1. 小程序自定义组件可滑动切换选项卡tab-view

  2. 小程序自定义组件可滑动切换选项卡tab-view 1、可点击tab与左右滑动切换 2、线条游标位置宽度模式可设置 3、可自行更改主题样式 4、公开切换监听和滑动到底事件

  3. 所属分类：HTML5

    • 发布日期：2018-08-26
    • 文件大小：6kb
    • 提供者：honiler

  1. 仿糗事百科微信小程序

  2. 仿糗事百科微信小程序 1. 实现顶部页签菜单左右滑动效果 2. 实现顶部页签菜单切换效果，页签菜单选中时字体加粗，同时对应的内容也跟着变化 3. 实现专享界面糗事列表设计，包括发布人头像、发布人昵称、发布的段子等信息，以列表的显示展现出来。 4. 实现视频列表页设计，视频可以进行播放与暂停； 5. 实现分享功能，可以将当前界面分享给好友 6.设计概要：数据绑定、列表渲染、请求服务器数据， （1）实现顶部页签滑动效果，需要借助于scroll-view可滚动视图区域组件，设置scroll-x="t

  3. 所属分类：HTML5

    • 发布日期：2019-06-23
    • 文件大小：31kb
    • 提供者：qq_36004487

  1. 微信小程序scroll-view实现横向滚动和上拉加载示例

  2. 本篇文章主要介绍了微信小程序scroll-view实现横向滚动和上拉加载示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

  3. 所属分类：其它

    • 发布日期：2020-08-31
    • 文件大小：124kb
    • 提供者：weixin_38698539

  1. 微信小程序拖拽排序列表的示例代码

  2. 拖拽排序列表 思路 界面分为两层： 底层，正常列表展示，拖拽的时候不做处理（大牛直接加了动画，原谅我技艺不精，还没实现） 顶层，movable-view组件，不长按不展示，之后长按才展示，且没有点击事件。 事件 主要监听：longpress , touchmove , touchend 三个事件 longpress 保障长按才有效，并设定许多其他值。 touchmove 滑动的时候触发 判断是否需要滑动页面，因为 movable-area组件 滑动事件被catch掉，无法滑动；

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：60kb
    • 提供者：weixin_38617851

  1. 微信小程序滚动Tab实现左右可滑动切换

  2. 微信小程序滚动Tab实现左右可滑动切换 效果： 最终效果如上。问题： 1、tab标题总共8个，所以一屏无法全部显示。 2、tab内容区左右滑动切换时，tab标题随即做标记（active）。 3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。 一、wxml结构 tab标题因一排八个，所以使用 scroll-view组件，使其可横向滚动。 tab内容可左右滑动切换，使用swiper组件实现 为了偷懒，所以数据都通过wx:for遍历重复出来。 说明： 1、设置da

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：85kb
    • 提供者：weixin_38507121

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

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

  3. 所属分类：其它

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

  1. 微信小程序实现点击图片放大预览

  2. 这个强大的API( wx.previewImage() )，接下来我们来讲一下微信小程序中图片点击放大预览的实现步骤！ 思路： 1.点击事件 2.放大 3.左右滑动查看上、下一张 在绑定点击事件的时候我们需要同时获取到点击图片的url和这一组数据的ID(通过这个id从数据里面找到你点击的这一组数据然后从中取出这一组图片就可以了) index.wxml <image bind

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：29kb
    • 提供者：weixin_38570459

  1. 微信小程序之判断页面滚动方向的示例代码

  2. 微信小程序中如果判断页面滚动方向？ 解决方案 1.用到微信小程序API 获取页面实际高度 nodesRef.boundingClientRect([callback]) 监听用户滑动页面事件onPageScroll。 2.获取页面实际高度 </v

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：33kb
    • 提供者：weixin_38666300

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

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

  3. 所属分类：其它

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

  1. 微信小程序实现滑动操作代码

  2. 前言 本文使用动画组件wx.createAnimation来实现滑动操作： 1. 左滑动显示操作项区域； 2. 点击操作项触发相应方法； 3. 右滑动和点击行收起操作项； 4. 点击“删除”并确定则删除该条数据。 最终效果如下： 实现过程 1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析； Tips：“详情”、“取号”和“删除”点击触发使用catchtap，阻止冒泡事件向上冒泡； <view

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：74kb
    • 提供者：weixin_38734492

  1. html，小程序scroll-view去除滚动条

  2. 进入正题，有时候在项目中，需求不想要某些滚动条怎么办呢？ 首先看HTML解决滚动条的方法。 方法1.父盒子overflow:hidden 子盒子比父盒子宽17 实现视觉隐藏滚动条（为什么是17px呢，因为自己测了下，滚动条宽度就是17px） 子盒子添加内容溢出滚动条显示属性 overflow-y:scroll 并设置好宽高 可实现隐藏滚动条也可是滚轮触发滑动，使用此方法 无法监听window的滚动条事件。 代码示例： .box{ width:300px;

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：69kb
    • 提供者：weixin_38747815

  1. 微信小程序 向左滑动删除功能的实现

  2. 微信小程序 向左滑动删除功能的实现 实现效果图： 实现代码： 1、wxml touch-item元素绑定了bindtouchstart、bindtouchmove事件 <view

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：53kb
    • 提供者：weixin_38655682

  1. 微信小程序movable view移动图片和双指缩放实例代码

  2. movable-area是微信小程序的新组件，可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。可移动区域可绑定touchend等事件。movable-view的参数可调整动画效果。 先从movable-view开始说起吧. movable-view是小程序自定义的组件.其描述为:”可移动的视图容器，在页面中可以拖拽滑动”. 官方文档地址: https://mp.weixin.qq.com/debug/wxadoc/dev/

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：90kb
    • 提供者：weixin_38637144

  1. 微信小程序之事件交互操作实例分析

  2. 本文实例讲述了微信小程序之事件交互操作。分享给大家供大家参考，具体如下： 微信小程序—点击事件 什么是事件？ 指点击，触摸，按下，滑动，松开，等一系列对手机屏幕操作。 下面代码所要呈现的效果就是给两个按钮一人一个ID然后点击谁，在上面显示信息那就显示 点击了谁，点击了多少次，这多少次没有分开啊，次数是点击他两的总和。下面另一代码是分开的，各计各的。 1. 在index.wxml 中设置点击事件（测试时需要删除注释部分） //点击后在这里显示信息，来表明是有点击事件的 {{cl

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：77kb
    • 提供者：weixin_38705530

  1. 微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

  2. 本文实例讲述了微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能。分享给大家供大家参考，具体如下： 怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform: translateY() 属性，给需要动画的元素添加上一个动画class。 先上效果图： 1.蒙层的结构：

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：68kb
    • 提供者：weixin_38711529

  1. 微信小程序实现滑动删除效果

  2. 最初打算使用scroll-view实现，效果好、流畅、有惯性滑动，但由于滚动条没法去掉、无法实现上下层的帧布局，最终放弃了。 还是自己写个吧，利用手势事件。遗憾的是小程序中目前没有像Android中快速滑动事件，所以，要实现惯性滑动是不可能了。 item的布局： 推荐小程序优先使用flex布局，完全够用。这也是微信推荐的。 <view wx:for={{cardTeams}} wx:for-item=cardTeam id={{cardTeam.id}} class=item bi

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：56kb
    • 提供者：weixin_38654382

  1. 微信小程序 实现列表刷新的实例详解

  2. 微信小程序 列表刷新：           微信小程序，最近自己学习微信小程序的知识，就想实现现在APP 那种列表刷新，下拉刷新，上拉加载等功能。  先开看一下界面 1.wx.request （获取远程服务器的数据，可以理解成$.ajax） 2. scroll-view的两个事件    2.1 bindscrolltolower（滑到页面底部时）    2.2 bindscroll (页面滑动时)    2.3 bindscrolltoupper (滑倒页面顶部时) 然后我们看代码，详细描述

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：216kb
    • 提供者：weixin_38504089

  1. 微信小程序 页面滑动事件的实例详解

  2. 微信小程序——页面滑动事件 wxml: {{text}} wxss: .ball { box-shadow:2px 2px 10px #AAA; border-radius: 20px;

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：28kb
    • 提供者：weixin_38694141

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

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

  3. 所属分类：其它

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

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

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：46kb
    • 提供者：weixin_38752282
« 12 »