//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动画卡片效果_企业城微信小程序js代码前台前端H5页面源码.rar
32 浏览量
2023-08-09
13:01:51
上传
评论
收藏 2.9MB RAR 举报
鲜花订购，animation动画卡片效果_企业城微信小程序js代码前台前端H5页面源码.rar （20个子文件） 
鲜花订购，animation动画卡片效果 wechatapp-master pages detail 
detail.json 48B detail.js 78B detail.wxml 1KB detail.wxss 1KB index index.wxml 2KB index.js 2KB index.json 2B index.wxss 2KB logs logs.json 54B logs.js 266B logs.wxml 194B logs.wxss 106B app.json 347B app.js 719B utils util.js 460B app.wxss 574B common.wxss 761B images 
changeicon.png 1KB flower.png 754KB
1.gif 2.16MB资源评论
