先看成品 wxml代码 < scroll-view class = "scroll-view" scroll-left = "{{scrol ...

1、index.wxml文件： <view class="swiper-content {{currentTab==0 ? 'content-active' : ''}}" bindtouch ...

前言 小程序上线刷爆了朋友圈，但是最近渐渐消沉了，很少有动静！最近公司项目需要，体验了一下微信小程序，制作了几个功能，布局感觉很简单，但是交互和动画等写起来确实很费劲，主要是因为他不能操作DOM，只能修改数据！下面介绍一下我制作小程序完成的几个小的功能，希望能够给开发小程序的朋友带来帮助 ...

实现向左滑动删除 wxml scroll-view 属性设置： scroll-y 　　 允许纵向滚动 enable-back-to-top iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向 ...

在一些app中，随处可见左滑动的效果，在微信小程序中，官方并未提供相关组件，需要我们自己动手写一个类似的效果 下面仅列举出核心代码，具体的优化需要根据你自身的需求 对上述代码做出几点说明： list 是一个数组，数据源是在对应的页面的js文件里 主要利用到微信小程序 ...

在做这个之前我已经模仿了一遍大神的轮播动画做了一次其切换模式就是一张图片隐藏另一张图片显示过渡效果是渐入（fadein），但是目前的动画切换大多数都是用图片的左右切换动作的于是在网上看了一些关于这类型的文章然后再结合自己的理解写了一下。 先上html代码 ...

页面代码 js代码 样式： 其中: indicator-dots：控制底下显示的圆点。 autoplay：控制自动播放。 interval：如果开启自动播放，控制切换时间间隔。 duration：滑动动画时长。 bindchange：current 改变时会触发 ...

实现微信小程序实现渐入渐出动画效果 在 App.js 中写入全局方法 在页面 index.js 中定义动画 注意：查看上面show函数定义查看参数含义第一个参数是当前的页面对象，方便函数setData直接返回数据第二个参数是绑定 ...