promotion_win.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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>Hello APP</title>
  7. <link rel="stylesheet" type="text/css" href="../css/api.css" />
  8. <link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
  9. <link rel="stylesheet" type="text/css" href="css/countdown.css"/>
  10. <script type="text/javascript" src="../script/api.js"></script>
  11. <script type="text/javascript" src="../script/httpRequest.js"></script>
  12. <script src="js/countdown.js"></script>
  13. </head>
  14. <style>
  15. .times{
  16. display: flex;
  17. align-items: center;
  18. font-size:.8rem;
  19. flex-direction: row;
  20. color: black;
  21. }
  22. .times .hh,.mm,.ss{
  23. background-color: black;
  24. color: #ffffff
  25. }
  26. </style>
  27. <body >
  28. <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header" style="background-image: url(./image/promotion_bg.png)" >
  29. <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left" style="color: #666666 !important"></span> </a>
  30. <div class="aui-title" id="aui-title" style="text-align: left;left:40px">
  31. <img src="./image/promotion_title.png" style="width:4rem;height:1rem" >
  32. </div>
  33. <div style="position: absolute;right:20px">
  34. <div class="times">
  35. <div>截至日期:2021/11/11 </div>
  36. </div>
  37. </div>
  38. </header>
  39. </body>
  40. <script type="text/javascript" src="../script/api.js"></script>
  41. <script type="text/javascript">
  42. function closeWin() {
  43. api.closeWin({
  44. });
  45. }
  46. function downTime(){
  47. var o = {
  48. el : 'time',
  49. st : 0,
  50. ed : 5400000,
  51. hh: 'hh',
  52. mm: 'mm',
  53. ss: 'ss',
  54. ms: 'ms'
  55. }
  56. var d = new countdown(o);
  57. d.downsElement();
  58. }
  59. function init(){
  60. // downTime();
  61. }
  62. apiready = function() {
  63. api.parseTapmode();
  64. var header = $api.byId('aui-header');
  65. $api.fixStatusBar(header);
  66. var headerPos = $api.offset(header);
  67. var body_h = $api.offset($api.dom('body')).h;
  68. api.openFrame({
  69. name : 'promotion_body',
  70. url : 'promotion_body.html',
  71. bounces : false,
  72. vScrollBarEnabled : false,
  73. hScrollBarEnabled : false,
  74. rect : {
  75. x : 0,
  76. y : headerPos.h,
  77. w : 'auto',
  78. h : 'auto'
  79. },
  80. bgColor:'#f5f5f5',
  81. });
  82. };
  83. </script>
  84. </html>