index001.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>二维码详情</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <meta http-equiv="pragma" content="no-cache" />
  10. <meta http-equiv="content-type" content="no-cache, must-revalidate" />
  11. <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
  12. <link rel="stylesheet" href="css/weui.css">
  13. <link rel="stylesheet" href="css/weuix.css">
  14. <link rel="stylesheet" href="css/css.css">
  15. <link rel="stylesheet" href="css/swiper.css">
  16. <title>Title</title>
  17. <style>
  18. body .Posa{
  19. position: absolute;
  20. right: 20px;
  21. }
  22. .nav-item:after{
  23. content: '';
  24. width: 100%;
  25. height: 1px;
  26. background: #D9D9D9;
  27. position: absolute;
  28. bottom: 0;
  29. left: 0;
  30. }
  31. </style>
  32. </head>
  33. <body ontouchstart class="page-bg">
  34. <div class="container">
  35. <div class="content listsItem">
  36. </div>
  37. </div>
  38. <div class="weui-navs " navbar >
  39. <p style="text-align: center;padding: 5px;margin-top: 10px">巡检列表</p>
  40. <ul class="recordItems">
  41. <!--<li class="nav-item">-->
  42. <!--<a href="javascript:void(0);">-->
  43. <!--<i class="icon nav-icon icon-49"></i>-->
  44. <!--<span>锅炉房记录</span>-->
  45. <!--<i class="icon icon-108 Posa"></i>-->
  46. <!--</a>-->
  47. <!--</li>-->
  48. <!--<li class="nav-item">-->
  49. <!--<a href="javascript:void(0);">-->
  50. <!--<i class="icon nav-icon icon-49"></i>-->
  51. <!--<span>锅炉房记录</span>-->
  52. <!--<i class="icon icon-108 Posa"></i>-->
  53. <!--</a>-->
  54. <!--</li>-->
  55. </ul>
  56. </div>
  57. <button class="buoy">
  58. <a id="offCanvasBtn" href="javascript:;" navbar-toggle>目录</a>
  59. </button>
  60. <div style="background: #fff;display: none;" class="addRecord">
  61. <a href="javascript:;" class="weui-btn weui-btn_primary btns">添加记录</a>
  62. </div>
  63. <!--添加记录-->
  64. <div class="moudles" style="display: none;">
  65. <div class="showRecord">
  66. <p>
  67. 选择记录管理
  68. </p>
  69. <ul class="record_items">
  70. </ul>
  71. </div>
  72. </div>
  73. </div>
  74. <script src="js/zepto.min.js"></script>
  75. <script src="js/zepto.weui.js"></script>
  76. <script src="js/cofig.js"></script>
  77. <script src="js/axios.min.js"></script>
  78. <script src="js/sidebar.js"></script>
  79. <script src="js/base64.js"></script>
  80. <script src="js/function.js"></script>
  81. <script src="js/index01.js"></script>
  82. <script src="js/swiper.min.js"></script>
  83. <script>
  84. var swiper = new Swiper('.swiper-container', {
  85. // autoplay: true,
  86. loop:true,
  87. pagination: {
  88. el: '.swiper-pagination',
  89. type: 'fraction',
  90. },
  91. autoplay: {
  92. // disableOnInteraction: false
  93. }
  94. });
  95. // $(function(){
  96. // $('.nav-item>a').on('click', function () {
  97. // $(".weui-navs ul ul li").removeClass('active');
  98. // $('.nav-item').children('ul').hide();
  99. // if ($(this).next().css('display') == "none") {
  100. // //展开
  101. // $('.nav-item').children('ul').hide();
  102. // $(this).next('ul').show();
  103. // $(this).parent('li').addClass('nav-show').siblings('li').removeClass('nav-show');
  104. // } else {
  105. // //收缩
  106. // $(this).next('ul').hide();
  107. // $('.nav-item.nav-show').removeClass('nav-show');
  108. // }
  109. // });
  110. // })
  111. var sidebarjs = new SidebarJS('navbar');
  112. $('body').on('click','.item .item_cell',function () {
  113. $(this).parent().find('.See_download').toggleClass('show');
  114. });
  115. $('.record_items').on('click','li>p',function () {
  116. $(this).parent().find('.ul_son').toggleClass('showUl_son')
  117. });
  118. $('body').on('click','.btns',function () {
  119. $('.moudles').show();
  120. $('body').css("overflow", "hidden")
  121. })
  122. </script>
  123. </body>
  124. </html>