demo.transitpage.js 628 B

1234567891011121314151617181920212223
  1. define({
  2. title: 'SPA - 页面视图转换动画demo',
  3. body: '\
  4. <div class="page-container">\
  5. <div class="container">\
  6. <div class="page-header"><h1>我是通过<span class="animate"></span>动画打开的页面视图</h1></div>\
  7. <a href="#" class="btn btn-default">返回</a>\
  8. </div>\
  9. </div>\
  10. ',
  11. init: function(pageData) {
  12. var $view = this
  13. $('.page-container', $view).trigger('spa:scroll')
  14. },
  15. beforeopen: function(pageData) {
  16. var $view = this,
  17. pushData = pageData.pushData,
  18. animate = pushData.animate || 'default'
  19. $('.animate', $view).text(animate)
  20. }
  21. })