科技开发公司小程序前端源码

Page({ data: { imgUrls: [ '/image/b1.jpg', '/image/b2.jpg', '/image/b3.jpg' ], noticeIdx: 0, notices: [ { "info": "设计的微信小程序代码" }, { "info": "认准淘宝唯一旺旺号：xxxx" }, { "info": "淘宝店铺：xxxx" } ], indicatorDots: false, autoplay: false, interval: 3000, duration: 800, }, onLoad: function() { var me = this; var animation = wx.createAnimation( { duration: 400, timingFunction: 'ease-out', }); me.animation = animation; wx.getSystemInfo( { success: function( res ) { me.setData( { windowWidth: res.windowWidth }) } }); console.log( 'onLoad' ); }, startNotice: function() { var me = this; var notices = me.data.notices || []; if( notices.length == 0 ) { return; } var animation = me.animation; //animation.translateY( -12 ).opacity( 0 ).step(); animation.translateY( 0 ).opacity( 1 ).step( { duration: 0 }); me.setData( { animationNotice: animation.export() }); var noticeIdx = me.data.noticeIdx + 1; if( noticeIdx == notices.length ) { noticeIdx = 0; } // 更换数据 setTimeout( function() { me.setData( { noticeIdx: noticeIdx }); }, 400 ); // 启动下一次动画 setTimeout( function() { me.startNotice(); }, 5000 ); }, onShow: function() { this.startNotice(); } })