index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>中科盛阳信息技术有限公司</title>
  7. <link rel="icon" href="favicon.ico" type="image/x-icon" />
  8. <link rel="stylesheet" href="/font/index.css" />
  9. <link rel="stylesheet" href="/index.css" />
  10. </head>
  11. <body>
  12. <!-- 头部菜单 -->
  13. <div class="headMenu">
  14. <img src="./logo.png" alt="" class="headLogo" />
  15. <img src="./menu.png" class="moveMenu" id="moveMenu" />
  16. <div class="menu PingFang_Bold" id="menu">
  17. <p class="cloneImg">
  18. <span>菜单栏</span>
  19. <img src="./close.png" alt="" width="28" height="28" onClick="showMenu(false)" />
  20. </p>
  21. <div
  22. class="menuItem"
  23. onClick="menuClick(event)"
  24. data-route="http://192.168.110.13:5173/#/home"
  25. >
  26. 首页
  27. </div>
  28. <div
  29. class="menuItem"
  30. onClick="menuClick(event)"
  31. data-route="http://192.168.110.13:5173/#/product"
  32. >
  33. 产品中心
  34. </div>
  35. <div
  36. class="menuItem"
  37. onClick="menuClick(event)"
  38. data-route="http://192.168.110.13:5173/#/solution"
  39. >
  40. 解决方案
  41. </div>
  42. <div
  43. class="menuItem"
  44. onClick="menuClick(event)"
  45. data-route="http://192.168.110.13:5173/#/capacity"
  46. >
  47. 新闻动态
  48. </div>
  49. <div
  50. class="menuItem"
  51. onClick="menuClick(event)"
  52. data-route="http://192.168.110.13:5173/#/custom"
  53. >
  54. 服务支持
  55. </div>
  56. <div
  57. class="menuItem"
  58. onClick="menuClick(event)"
  59. data-route="http://192.168.110.13:5173/#/about"
  60. >
  61. 关于我们
  62. </div>
  63. </div>
  64. </div>
  65. <!-- 面包屑 -->
  66. <div class="bread">
  67. <div class="breadcrumb PingFang_Medium">
  68. <span class="breadcrumbSpan">产品中心</span> >
  69. <span class="breadcrumbSpan">软件产品</span> >
  70. <span style="color: #006eff" class="breadcrumbSpan">物联网智慧园区综合平台</span>
  71. </div>
  72. </div>
  73. <!-- 产品详情 -->
  74. <div class="productDetail PingFang_Bold">
  75. <img
  76. src="http://192.168.110.235:8091/profile/uploadPath/25471194-597f-43cc-9ff7-43863bd25a19.png"
  77. class="productImg"
  78. />
  79. <div class="productDetailItem">
  80. <h1>物联网智慧园区综合平台</h1>
  81. <h2>产品特点:</h2>
  82. <p class="PingFang_Medium" style="margin-bottom: 18px">
  83. 1、园区实现光纤网络综合布线、 4G/5G网络、 Wi-Fi 、 NB-IOT传送感知网四网融合建设。<br />2、园区实现光纤网络综合布线、
  84. 4G/5G网络四网融合建设送感知合建设。<br />3、园区实现光纤网络综合布、NB-IOT传送感知网四网融合建设送感知网四网融合建设。
  85. </p>
  86. <div class="PingFang_Medium">
  87. <h2>联系方式:</h2>
  88. <p>客户经理:150-8489-3028(肖经理)</p>
  89. <p>电话:0731-85315153</p>
  90. <p>邮箱:337843345qq.com</p>
  91. </div>
  92. </div>
  93. </div>
  94. <!-- 产品介绍-技术参考-安装包装 -->
  95. <div class="detailedContent">
  96. <div class="contentSwitch PingFang_Medium">
  97. <ul
  98. id="ulId"
  99. style="
  100. display: flex;
  101. list-style-type: none;
  102. line-height: 52px;
  103. font-size: 18px;
  104. color: #414347;
  105. margin-bottom: 20px;
  106. "
  107. >
  108. <li
  109. style="width: 140px; text-align: center; cursor: pointer"
  110. class="liActive"
  111. data-id="1"
  112. >
  113. 产品介绍
  114. </li>
  115. <li style="width: 140px; text-align: center; cursor: pointer" data-id="2">技术参考</li>
  116. <li style="width: 140px; text-align: center; cursor: pointer" data-id="3">安装包装</li>
  117. </ul>
  118. <div class="PingFang_Bold">以下图片详细内容可在电脑端查看</div>
  119. <div id="divId">
  120. <div style="display: block">
  121. <img
  122. src="http://192.168.110.235:8091/profile/uploadPath/25471194-597f-43cc-9ff7-43863bd25a19.png"
  123. alt=""
  124. style="width: 100%"
  125. />
  126. </div>
  127. <div style="display: none">
  128. <img
  129. src="http://192.168.110.235:8091/profile/uploadPath/1c34d00a-fba3-4c27-af00-d28d409bbb29.png"
  130. alt=""
  131. style="width: 100%"
  132. />
  133. </div>
  134. <div style="display: none">
  135. <img
  136. src="http://192.168.110.235:8091/profile/uploadPath/8d5c35bf-d6c5-4618-87b8-6596f5c02d79.png"
  137. alt=""
  138. style="width: 100%"
  139. />
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <script src="./index.js"></script>
  145. </body>
  146. </html>