help_center.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
  7. <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
  8. <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
  9. <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
  10. <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
  11. <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
  12. <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.4" />
  13. <style type="text/css">
  14. body {
  15. overflow: hidden;
  16. background: #fff;
  17. }
  18. .title{
  19. font-size: 18px;
  20. line-height: 48px;
  21. cursor: pointer;
  22. }
  23. .title:hover{
  24. color: #438eb9;
  25. }
  26. .title span{
  27. display: inline-block;
  28. width: 8px;
  29. height: 8px;
  30. background: #438eb9;
  31. border-radius: 50%;
  32. vertical-align: middle;
  33. margin: 0 10px;
  34. }
  35. .answer{
  36. display: none;
  37. text-indent: -23px;
  38. margin-left: 57px;
  39. font-size: 14px;
  40. line-height: 22px;
  41. }
  42. .rotate{
  43. transform: rotate(90deg);
  44. transition:transform .3s linear;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div class="content">
  50. <div class="page-header">
  51. <h1>
  52. <font style="vertical-align: inherit;">
  53. <font style="vertical-align: inherit;">
  54. 杀虫灯使用说明
  55. </font>
  56. </font>
  57. </h1>
  58. </div>
  59. <div>
  60. <ul>
  61. <li>
  62. <h3 class="title"><span></span>Q:杀虫灯自动保护功能下,状态灯显示模式。<i class="fa fa-angle-right" aria-hidden="true"></i></i></h3>
  63. <div class="answer">
  64. A:当环境温度大于75℃或小于10℃,温度保护:红灯快闪1次停2s;<br />
  65. 倾倒保护:红灯快闪1次停2s;<br />
  66. 电池电压大于14.2V:蓄电池过压保护:红灯快闪2次停2s;<br />
  67. 工作电压小于:11.6V:蓄电池欠压保护:红灯快闪2次停2s;<br />
  68. 湿度保护:红灯快闪3次停2s;
  69. </div>
  70. </li>
  71. <li>
  72. <h3 class="title"><span></span>Q:杀虫灯状态指示说明。<i class="fa fa-angle-right" aria-hidden="true"></i></i></h3>
  73. <div class="answer">
  74. A:注:指示灯慢闪的次数指示当前的定时小时数,<br />
  75. 当定时结束,红灯慢闪不停,进入待机模式,等待充电。<br />
  76. </div>
  77. </li>
  78. <li>
  79. <h3 class="title"><span></span>Q:杀虫灯的使用、设置方法。<i class="fa fa-angle-right" aria-hidden="true"></i></i></h3>
  80. <div class="answer">
  81. A:设备开机/关机:短按开关键;<br />
  82. 恢复到出厂默认设置:长按开关键;<br />
  83. 光控功能:光控模块检测到环境光线明暗程度到设定值时,延时10min后,重新检测一次,两次检测一致,<br />
  84. 杀虫灯开始正常工作,否则不工作。<br />
  85. 时控功能:根据不同种类害虫的活动时间规律,设定10个工作时间段智能控制模块: <br />
  86. 每长按测试键一次,杀虫灯工作时间增加1小时。
  87. </div>
  88. </li>
  89. <li>
  90. <h3 class="title"><span></span>Q:频振式杀虫灯的技术参数。<i class="fa fa-angle-right" aria-hidden="true"></i></i></h3>
  91. <div class="answer">
  92. A:诱虫光源:频振灯管,波长为320~680nm ;<br />
  93. 符合GB/T 24689.2-2009标准;<br />
  94. 撞击面积:≥0.15㎡;<br />
  95. </div>
  96. </li>
  97. <li>
  98. <h3 class="title"><span></span>Q:杀虫灯的温控说明。<i class="fa fa-angle-right" aria-hidden="true"></i></i></h3>
  99. <div class="answer">
  100. A:温度保护:工作的环境温度为10°C~70°C。环境温度低于10°C,杀虫灯停止工作,蓄电池进入充电维护状态。<br />
  101. 环境温度高于70°C时,电路自动进入保护状态,杀虫灯停止工作。<br />
  102. </div>
  103. </li>
  104. </ul>
  105. </div>
  106. </div>
  107. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  108. <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
  109. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  110. <script type="text/javascript">
  111. $.ajaxSetup({
  112. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  113. });
  114. </script>
  115. <script type="text/javascript">
  116. $('.title').on('click',function(){
  117. if($(this).find('i').hasClass('rotate')){
  118. $(this).find('i').removeClass('rotate');
  119. $(this).next().slideUp();
  120. }else{
  121. $(this).find('i').addClass('rotate');
  122. $(this).next().slideDown();
  123. }
  124. })
  125. </script>
  126. </body>
  127. </html>