yiqing.jsp 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  11. <meta name="format-detection" content="telephone=no"/>
  12. <meta name="apple-mobile-web-app-capable" content="yes">
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <link rel="stylesheet" href="${base}/static/mobile/frame/mui/css/mui.css?v=${version}">
  15. <link rel="stylesheet" href="${base}/static/mobile/frame/mui/css/iconfont.css?v=${version}">
  16. <link rel="stylesheet" href="${base}/static/mobile/css/style.css?v=${version}">
  17. <script type="text/javascript">
  18. var base = '${base}';
  19. var imgUrl = "${imgUrl}";
  20. var yiqing=[];
  21. </script>
  22. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  23. <script src="${base}/static/web/frame/jquery/jquery-1.10.2.min.js"></script>
  24. <script src="${base}/static/mobile/frame/mui/js/rem.js"></script>
  25. <script src="${base}/static/mobile/frame/layer-mobile/layer.js"></script>
  26. <script src="${base}/static/mobile/frame/mui/js/mui.min.js"></script>
  27. <script src="${base}/mobile/common/common.js?v=${version}"></script>
  28. <link rel="stylesheet" href="${base}/static/mobile/frame/mui/css/mui.indexedlist.css?v=${version}">
  29. <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
  30. <script src="${base}/yiqing/getList?v=${version}"></script>
  31. <title>上饶人,快来查看你附近的疫情信息</title>
  32. <script>
  33. share={"title":"上饶人,快来查看你附近的疫情信息!",
  34. "link":"http://www.3water.cn/buying/mobile/yiqing.jsp",
  35. "imgUrl":"http://www.3water.cn/buying/static/mobile/image/yiqing.jpg",
  36. "desc":"数据来自上饶市卫生健康委员会官网"};
  37. </script>
  38. <style>
  39. .mui-search .mui-placeholder{
  40. font-size: .28rem;
  41. }
  42. .source{
  43. position: fixed;
  44. bottom: 0;
  45. font-size: .28rem;
  46. background-color: #ffffff;
  47. width: 100%;
  48. padding:.2rem;
  49. border-radius: 10px 10px 0px 0px;
  50. }
  51. #location{
  52. position: fixed;
  53. top:.68rem;
  54. background: #ffffff;
  55. height:4.3rem;
  56. width: 100%;
  57. z-index: 111;
  58. overflow: hidden;
  59. display: none;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div class="mui-content">
  65. <div class="mui-indexed-list-search mui-input-row mui-search">
  66. <input type="search" class="mui-input-clear mui-indexed-list-search-input fs14" placeholder="搜索地址查看周边的疫情">
  67. </div>
  68. <div id="location" class="mui-table-view line-left">
  69. </div>
  70. <div id="map" class="fs16"></div>
  71. <div class="source" style="display: none">
  72. <div class="bold fs14">离我最近的疫情病历:<span class="color-red distance">1km</span><i class="mui-icon mui-icon-closeempty bold fs26 color2 mui-pull-right"></i></div>
  73. <div class="color2 fs13"><i class="fs14 mui-icon iconfont icon-shouhuodizhi"></i><span class="address">江西省上饶市信州区北门街道铁路新村</span></div>
  74. <div class="items mt10"><span class="item mui-text-center km3">3公里内有5个病例</span>|<span class="item mui-text-center km5">5公里内有5个病例</span></div>
  75. <div class="mui-text-center fs12 color2 mt10">数据来源:上饶市卫生健康委员会</div>
  76. <div class="mui-text-center">
  77. <img src="${base}/static/mobile/image/qrcode.jpg" style="width: 100px;">
  78. <div class="color-red fs14">长按识别二维码,查看上饶最新疫情,上饶加油!</div>
  79. </div>
  80. </div>
  81. </div>
  82. </body>
  83. <script src="${base}/static/mobile/frame/mui/js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
  84. <script src="${base}/static/mobile/js/yiqing.js?v=${version}"></script>
  85. </html>