今天在做砍价页面的时候需要将一个按钮动起来，效果图如下： 其实它实现的原理很简单，就是循环的缩小放大。 css3中的animate 有个属性是 animation-iteration-count 可以控制动画的循环播放，但是小程序里面没有。该怎么实现呢？ 无非就是2种状态的切换 ...

当做商品展示区时想采用的卡片流布局，无限的向下加载商品，类似淘宝首页的推荐 效果图如下 那么如何实现以上的效果 这是我的方案： 1. 将页面分成两列，左列和右列，分别填充商品卡片，这样列与列不会相互干扰了 这时由于商品的图片长度不一，造成错位的效果。这里图片的裁剪方式为自适应 ...

微信小程序的for循环的选项是item,下标是index。 wxml js data: { show:true, arr:["zs","ls","ss"] }, 　也可以指定遍历选项和下标的别名， 指定遍历选项的别名：wx ...

微信卡片的布局有时满足不了需求，需要从新布局，该怎么办呢？ 直接在index.wxml加上Layout 栅格布局是没用的，卡片会遮盖掉。 需要把Layout 栅格布局的代码加在card的index.wxml中，也就是改变card的内部代码。 同时需将Layout 栅格布局的wxss加到 ...

动画效果的实现，使用wx.createAnimation实现。具体实现时，首先，创建动画对象，并设置相关的参数；其次，设置动画类型，并执行动画；第三，导出并设置动画数据；最后，将设置的动画数据动态配置相应的组件，以此实现组件的动画效果。 效果图 代码示例 ...

目录 1，前言 2，属性 3，使用 1，前言 和css3动画不同，小程序中动画是主要是通过js控制的，简单来说就是创建一个动画实例animation。调用实例的方法来定义动画效果。最后通过动画实例的export方法导出动画数据传递给组件 ...

第一步，在组件里编写弹窗的代码 第二部，在对应的点击事件中 第三部，隐藏弹框 注意：上面的550是你弹框的高度rpx，上面的catchtouchmove ...

js: list:[]， contentflag:false this.animation = wx.createAnimation({ duratio ...