微信小程序——鲜花订购，animation动画卡片效果（截图+源码）.zip资源
//index.js //获取应用实例 var app = getApp(); Page({ data: { animationData: {}, cardInfoList: [{ cardUrl: 'http://dev.wemart.cn/console/images/card/card3.png', cardInfo: { cardTitle: '你不知道的花事', cardInfoMes: ['一月一送，浪漫节日送浪漫花', '一月两送，有趣节日送奇异花', '一月四送，有你在每天都是最好的节日'] } }, { cardUrl: 'http://dev.wemart.cn/console/images/card/card2.png', cardInfo: { cardTitle: '你不知道的花事', cardInfoMes: ['一月一送，浪漫节日送浪漫花', '一月两送，有趣节日送奇异花', '一月四送，有你在每天都是最好的节日'] } }, { cardUrl: 'http://dev.wemart.cn/console/images/card/card1.png', cardInfo: { cardTitle: '你不知道的花事', cardInfoMes: ['一月一送，浪漫节日送浪漫花', '一月两送，有趣节日送奇异花', '一月四送，有你在每天都是最好的节日'] } }] }, //事件处理函数 slidethis: function(e) { console.log(e); var animation = wx.createAnimation({ duration: 300, timingFunction: 'cubic-bezier(.8,.2,.1,0.8)', }); var self = this; this.animation= animation; this.animation.translateY(-420).rotate(-5).translateX(0).step(); this.animation.translateY(62).translateX(25).rotate(0).step(); this.setData({ animationData: this.animation.export() }); setTimeout(function() { var cardInfoList = self.data.cardInfoList; var slidethis = self.data.cardInfoList.shift(); self.data.cardInfoList.push(slidethis); self.setData({ cardInfoList: self.data.cardInfoList, animationData: {} }); }, 350); }, buythis: function(e) { console.log(e); app.buyDetail = this.data.cardInfoList[e.target.id]; wx.navigateTo({ url: '../detail/detail' }); }, onLoad: function () { console.log('onLoad'); var that = this; //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo:userInfo }); }); } })
相关知识
上海常用花境植物分类总结资源
花店小程序 鲜花售卖小程序
Java花店订花管理系统（开题+源码）
超次元游戏 海王星 ～沐浴阳光的紫茄子花～ 超次元ゲイム ネプテューヌ THE ANIMATION ～陽だまりの茄花～
花店鲜花配送类网站模板 响应式花卉园艺网站源码下载
智能拍照识别花卉APP小程序开发
基于Jsp+Servlet+Mysql的鲜花售卖系统、鲜花在线商城、网上鲜花商城（源码+文档）
鲜花售卖网站的设计与实现(源码+开题报告)
30平鲜花小店，借助小程序月赚30万，这3个方法超实用
基于ssm+vue鲜花售卖网站的设计与实现【开题+程序+论文】
网址: 微信小程序——鲜花订购，animation动画卡片效果（截图+源码）.zip资源 https://m.huajiangbk.com/newsview22768.html
| 上一篇: “云花市”助力年宵花销售 线上预 |
下一篇: 甜蜜七夕：“浪漫经济”拉动“全城 |
