demo_line_win.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <title>APP</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  8. </head>
  9. <style type="text/css">
  10. .active {
  11. background-color: #f4f4f4;
  12. }
  13. </style>
  14. <body>
  15. <header class="aui-bar aui-bar-nav aui-bar-dark" id="aui-header">
  16. <a class="aui-btn aui-btn-dark aui-pull-left" id="back">
  17. <span class="aui-iconfont aui-icon-left"></span>
  18. </a>
  19. <div class="aui-title">百度地图</div>
  20. </header>
  21. </body>
  22. <script type="text/javascript" src="../../../script/api.js" ></script>
  23. <script type="text/javascript">
  24. apiready = function(){
  25. var winHeight = api.winHeight;
  26. var header = $api.byId('aui-header');
  27. $api.fixStatusBar(header);
  28. var headerPos = $api.offset(header);
  29. var body_h = $api.offset($api.dom('body')).h;
  30. api.openFrame({
  31. name: 'demo_line_frm',
  32. url: 'demo_line_frm.html',
  33. bounces: false,
  34. rect: {
  35. x: 0,
  36. y: headerPos.h,
  37. w: 'auto',
  38. h: winHeight-headerPos.h-200
  39. },
  40. pageParam:{
  41. height:headerPos.h
  42. }
  43. });
  44. api.openFrame({
  45. name: 'demo_line_footer_frm',
  46. url: 'demo_line_footer_frm.html',
  47. bounces: false,
  48. vScrollBarEnabled:false,
  49. rect: {
  50. x: 0,
  51. y: winHeight-200,
  52. w: 'auto',
  53. h: '200'
  54. }
  55. });
  56. $api.addEvt($api.byId('back'), 'click', function(){
  57. api.closeWin();
  58. });
  59. };
  60. </script>
  61. </html>