ejcs.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  9. <title>E家菜蔬基地</title>
  10. <style type="text/css">
  11. * {
  12. margin: 0;
  13. padding: 0;
  14. border: 0;
  15. font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
  16. }
  17. body {
  18. background: #eeeeee;
  19. color: #333333;
  20. }
  21. audio,
  22. canvas,
  23. video {
  24. display: inline-block;
  25. }
  26. .homeTitle {
  27. text-align: center;
  28. line-height: 60px;
  29. height: 60px;
  30. width: 100%;
  31. background-color: rgb(137, 192, 35);
  32. color: #ffffff;
  33. }
  34. .contentWrapper {
  35. padding: 10px 0;
  36. background-color: #fff;
  37. margin: 6px;
  38. border-radius: 7px;
  39. }
  40. .brandShow {
  41. margin: 10px auto;
  42. width: 90%;
  43. max-width: 400px;
  44. min-width: 200px;
  45. }
  46. .brandShow img {
  47. width: 100%;
  48. }
  49. .monitorCont {
  50. margin: 10px auto;
  51. width: 90%;
  52. }
  53. .monitorCont .title {
  54. color: #bbb;
  55. }
  56. .monitorCont .videoBuffer {
  57. border: 1px dotted rgb(137, 192, 35);
  58. height: 150px;
  59. }
  60. </style>
  61. <script type="text/javascript">
  62. function beforeUnload(uuid) {
  63. }
  64. </script>
  65. </head>
  66. <body onbeforeunload="beforeUnload('$!uuid')">
  67. <div class="homeTitle">云南村品双向商城</div>
  68. <div class="contentWrapper">
  69. <fieldset style="clear: both; padding: 0px; border: 0px none; margin: 5px 0px; box-sizing: border-box;">
  70. <section
  71. style="font-size: 1em; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box; padding: 0px; margin: 0px;">
  72. <fieldset
  73. style="border: 0px rgb(137, 192, 35); margin: 2px 0px 0px; padding: 0px; color: inherit; box-sizing: border-box;">
  74. <section
  75. style="display: inline-block; font-size: 1em; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; color: inherit; border-color: rgb(33, 33, 34); background-color: transparent; box-sizing: border-box; padding: 0px; margin: 0px;">
  76. <section data-brushtype="text"
  77. style="letter-spacing: 0px;display: inline-block;line-height: 1.4em;padding: 5px 10px;height: 32px;vertical-align: top;font-size: 16px;font-family: inherit;font-weight: bold;float: left;color: inherit;border-color: rgb(85, 85, 85);background-color: rgb(137, 192, 35);margin: 0px;box-sizing: border-box !important;">
  78. 云南村品
  79. </section>
  80. <section
  81. style="display: inline-block;vertical-align: top;font-size: 16px;width: 0px;height: 0px;border-style: solid;border-width: 0px 20px 32px 0px;border-color: transparent transparent rgb(137, 192, 35);z-index: 3;color: inherit;padding: 0px;margin: 0px;box-sizing: border-box !important;"></section>
  82. <section
  83. style="height: 32px;-webkit-transform: skew(32deg);display: inline-block;font-size: 16px;border-color: rgb(137, 192, 35);border-left-width: 10px;border-left-style: solid;border-right-width: 10px;border-right-style: solid;box-sizing: border-box;padding: 0px;color: inherit;">
  84. <section data-bclessp="8%"
  85. style="margin: 0px; display: inline-block; font-size: 16px; box-sizing: border-box; padding: 0px; background-color: rgb(254, 254, 254); color: inherit;">
  86. <section data-brushtype="text"
  87. style="-webkit-transform: skew(-32deg); color: rgb(191, 191, 191); box-sizing: border-box; margin: 0px; padding: 8px 15px; display: inline-block;">
  88. <p style="color: rgb(137, 192, 35);"><span
  89. style="color:rgb(38, 38, 38); font-size:16px">云农信曲靖E家菜蔬菜基地</span></p></section>
  90. </section>
  91. </section>
  92. </section>
  93. </fieldset>
  94. </section>
  95. </fieldset>
  96. <div class="brandShow"><img src="views/ejcs/img/brands.jpg" alt="品牌展示" title="品牌展示"></div>
  97. <div class="monitorCont">
  98. <div class="title">摄像头1</div>
  99. <div class="videoBuffer">
  100. <video src="http://ghls.ezlibs.com:18080/hls/112A0000034.m3u8"
  101. poster="http://gss.ezlibs.com:18080/img/112A0000034.jpg"
  102. controls="controls" width="100%" height="100%" webkit-playsinline></video>
  103. </div>
  104. </div>
  105. <div class="monitorCont">
  106. <div class="title">摄像头2</div>
  107. <div class="videoBuffer">
  108. <video src="http://ghls.ezlibs.com:18080/hls/112A0024989.m3u8"
  109. poster="http://gss.ezlibs.com:18080/img/112A0024989.jpg"
  110. controls="controls" width="100%" height="100%" webkit-playsinline></video>
  111. </div>
  112. </div>
  113. <div class="monitorCont">
  114. <div class="title">摄像头3</div>
  115. <div class="videoBuffer">
  116. <video src="http://ghls.ezlibs.com:18080/hls/112A0000034.m3u8"
  117. poster="http://gss.ezlibs.com:18080/img/112A0000034.jpg"
  118. controls="controls" width="100%" height="100%" webkit-playsinline></video>
  119. </div>
  120. </div>
  121. <div class="monitorCont">
  122. <div class="title">摄像头4</div>
  123. <div class="videoBuffer">
  124. <video src="http://ghls.ezlibs.com:18080/hls/112A0000034.m3u8"
  125. poster="http://gss.ezlibs.com:18080/img/112A0000034.jpg"
  126. controls="controls" width="100%" height="100%" webkit-playsinline></video>
  127. </div>
  128. </div>
  129. </div>
  130. </body>
  131. </html>