statusListWin.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css">
  9. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  10. <link rel="stylesheet" href="../../css/projeck.css">
  11. <style>
  12. body{
  13. background: #fff;
  14. }
  15. .nav_title{
  16. padding: 0 5px;
  17. background: #f3f6fa;
  18. }
  19. .nav_title li{
  20. text-align: center;
  21. font-size: 14px;
  22. padding: 12px 0 ;
  23. }
  24. .row_content{
  25. padding: 0 5px;
  26. }
  27. .row_content li{
  28. text-align: center;
  29. font-size: 13px;
  30. padding: 12px 0;
  31. align-items: center;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div class="api_layout">
  37. <header class="header-login">
  38. <img class="backBtn" src="../../image/btn_back.png" alt="" onclick="backIndex()">
  39. <p class="api_text"></p>
  40. </header>
  41. <nav>
  42. <ul class="nav_title flex-wrap">
  43. <li class="flex-con">序号</li>
  44. <li class="flex-con">安装地点</li>
  45. <li class="flex-con">数值/状态</li>
  46. </ul>
  47. </nav>
  48. </div>
  49. <script src="../../script/api.js"></script>
  50. <!-- <script src="../../script/fastclick.min.js"></script> -->
  51. <script src="../../script/doT.min.js"></script>
  52. <script src="../../script/config.js"></script>
  53. <script>
  54. apiready = function () {
  55. $api.fixStatusBar($api.dom('header') );
  56. $api.html($api.dom('.api_text'), api.pageParam.title);
  57. openFrame(api.pageParam.statusType,api.pageParam.title,api.pageParam.type);
  58. };
  59. function openFrame(type,name,types) {
  60. api.openFrame({
  61. name: 'statusList',
  62. url: 'statusList.html',
  63. rect: {
  64. x: 0,
  65. y: $api.dom('.api_layout').offsetHeight ,
  66. w: 'auto',
  67. h: 'auto'
  68. },
  69. pageParam: {
  70. statusType:type,
  71. title:name,
  72. type:types
  73. },
  74. bounces: true,
  75. bgColor: '#fff',
  76. vScrollBarEnabled: true,
  77. hScrollBarEnabled: true
  78. });
  79. }
  80. function backIndex() {
  81. api.closeWin();
  82. }
  83. // 监听物理返回键
  84. function keybackFun() {
  85. api.addEventListener({
  86. name: 'keyback'
  87. }, function(ret, err){
  88. api.closeWin();
  89. });
  90. }
  91. </script>
  92. </body>
  93. </html>