index.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. // pages/index/index.js
  2. Page({
  3. /**
  4. * 页面的初始数据
  5. */
  6. data: {
  7. attentionAnim:''
  8. },
  9. toInfoEdit(){
  10. wx.navigateTo({
  11. url: '../infoEdit/infoEdit',
  12. })
  13. },
  14. /**
  15. * 生命周期函数--监听页面加载
  16. */
  17. onLoad: function (options) {
  18. },
  19. /**
  20. * 生命周期函数--监听页面初次渲染完成
  21. */
  22. onReady: function () {
  23. var attentionAnim = wx.createAnimation({
  24. duration: 500,
  25. timingFunction: 'linear',
  26. delay: 0
  27. })
  28. //设置循环动画
  29. this.attentionAnim = attentionAnim
  30. var next = true;
  31. setInterval(function () {
  32. if (next) {
  33. //根据需求实现相应的动画
  34. this.attentionAnim.scale(1.05).step()
  35. next = !next;
  36. } else {
  37. this.attentionAnim.scale(1).step()
  38. next = !next;
  39. }
  40. this.setData({
  41. //导出动画到指定控件animation属性
  42. attentionAnim: attentionAnim.export()
  43. })
  44. }.bind(this), 500)
  45. },
  46. /**
  47. * 生命周期函数--监听页面显示
  48. */
  49. onShow: function () {
  50. if (typeof this.getTabBar === 'function' && this.getTabBar()) {
  51. this.getTabBar().setData({
  52. selected: 0
  53. })
  54. }
  55. },
  56. /**
  57. * 生命周期函数--监听页面隐藏
  58. */
  59. onHide: function () {
  60. },
  61. /**
  62. * 生命周期函数--监听页面卸载
  63. */
  64. onUnload: function () {
  65. },
  66. /**
  67. * 页面相关事件处理函数--监听用户下拉动作
  68. */
  69. onPullDownRefresh: function () {
  70. },
  71. /**
  72. * 页面上拉触底事件的处理函数
  73. */
  74. onReachBottom: function () {
  75. },
  76. /**
  77. * 用户点击右上角分享
  78. */
  79. onShareAppMessage: function () {
  80. }
  81. })