//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
});
});
}
})
鲜花订购，animation动画卡片效果.zip小程序例子源码打包下载适合研究学习技术
版权申诉
42 浏览量
2022-03-13
01:52:15
上传
评论
收藏 2.9MB ZIP 举报
鲜花订购，animation动画卡片效果.zip （20个子文件） 
鲜花订购，animation动画卡片效果 
1.gif 2.16MB wechatapp-master images 
flower.png 754KB changeicon.png 1KB
common.wxss 761B app.json 347B pages index index.js 2KB index.json 2B index.wxss 2KB index.wxml 2KB logs logs.js 266B logs.json 54B logs.wxml 194B logs.wxss 106B detail detail.js 78B detail.wxss 1KB detail.json 48B detail.wxml 1KB app.wxss 574B app.js 719B utils util.js 460B资源评论
