demo.panelsidemenu.js 1.0 KB

1234567891011121314151617181920212223242526272829
  1. define({
  2. body: '<div class="container">\
  3. <div class="panel panel-default">\
  4. <div class="panel-heading">我是侧边栏菜单</div>\
  5. <div class="panel-body">\
  6. 菜单可以上下滚动,点击右侧空白区域可以自动收起\
  7. </div>\
  8. <ul class="list-group">\
  9. <li class="list-group-item"><a href="#demo/newpage">新页面</a></li>\
  10. <li class="list-group-item">菜单1</li>\
  11. <li class="list-group-item">菜单2</li>\
  12. <li class="list-group-item">菜单3</li>\
  13. <li class="list-group-item">菜单4</li>\
  14. <li class="list-group-item">菜单5</li>\
  15. <li class="list-group-item">菜单6</li>\
  16. <li class="list-group-item">菜单7</li>\
  17. <li class="list-group-item">菜单8</li>\
  18. <li class="list-group-item">菜单9</li>\
  19. <li class="list-group-item">菜单10</li>\
  20. </ul>\
  21. </div>\
  22. </div>\
  23. ',
  24. init: function(panelData) {
  25. var $view = this
  26. $('.container', $view).trigger('spa:scroll')
  27. }
  28. })