index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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,maximum-scale=1.0,user-scalable=0" />
  6. <title>退役军人</title>
  7. <link rel="stylesheet" href="./styles/bootstrap.min.css">
  8. <!-- <link rel="stylesheet" href="./styles/styles.css?time="+(new date()).getTime()>-->
  9. </head>
  10. <body>
  11. <div class="box" id="container">
  12. <div class="title">
  13. <img src="./images/title.png" alt="">
  14. </div>
  15. <div class="menu">
  16. <div class="menu-item bg1" onclick="codeClick()">
  17. <div>
  18. <div>
  19. <img src="./images/mobile-terminal.png" alt="">
  20. </div>
  21. <p>退役军人教育培训服务移动系统</p>
  22. </div>
  23. </div>
  24. <div class="menu-item bg2" onclick="menuClick('http://veterreport.hw.hongweisoft.com/#/aj/4Vbj1wCw')">
  25. <div>
  26. <div>
  27. <img src="./images/operation-center.png" alt="">
  28. </div>
  29. <p>退役军人职业教育基地运营中心</p>
  30. </div>
  31. </div>
  32. <div class="menu-item bg3" onclick="menuClick('http://veterhcompany.hw.hongweisoft.com/')">
  33. <div>
  34. <div>
  35. <img src="./images/enterprise-system.png" alt="">
  36. </div>
  37. <p>退役军人企业招聘服务管理系统</p>
  38. </div>
  39. </div>
  40. <div class="menu-item bg4" onclick="menuClick('https://veterweb.hw.hongweisoft.com/')">
  41. <div>
  42. <div>
  43. <img src="./images/integrated-system.png" alt="">
  44. </div>
  45. <p>退役军人教育培训服务综合管理系统</p>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="dialog-box">
  50. <div class="dialog">
  51. <div class="dialog-code">
  52. <span class="dialog-close">关闭</span>
  53. <p class="dialog-title">退役军人教育培训服务移动端系统</p>
  54. <div id="qrcode"></div>
  55. <p class="dialog-tips">手机扫一扫</p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
  61. <script type="text/javascript" src="js/qrcode.min.js"></script>
  62. <script type="text/javascript">
  63. document.write('<link rel="stylesheet" href="./styles/styles.css?time='+new Date().getTime()+'">');
  64. const qrcode = new QRCode('qrcode', {
  65. text: 'https://veterh5.hw.hongweisoft.com/#/',
  66. width: 216,
  67. height: 216,
  68. colorDark: '#000000',
  69. colorLight: '#ffffff',
  70. correctLevel: QRCode.CorrectLevel.H
  71. });
  72. function menuClick(url) {
  73. window.open(url)
  74. }
  75. $('.dialog-close').click(function () {
  76. $('.dialog-box').hide();
  77. })
  78. function codeClick() {
  79. $('.dialog-box').show();
  80. }
  81. </script>
  82. </body>
  83. </html>