online-counsel.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../css/mui.min.css">
  10. <style>
  11. html,
  12. body {
  13. background-color: #efeff4;
  14. }
  15. .title {
  16. margin: 20px 15px 10px;
  17. color: #6d6d72;
  18. font-size: 15px;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div class="mui-content">
  24. <div>
  25. <img style="width: 100%;" src="../images/zxzx/05_01.jpg" />
  26. </div>
  27. <div style="position: absolute;top: 30%;width: 100%;text-align: center;">
  28. <div id="zixun" style=" width: 50%;float: left;text-align: center;">
  29. <img style="width: 60%;" src="../images/zxzx/05-2.png" />
  30. <div>
  31. <span>
  32. 咨询
  33. </span>
  34. <p>
  35. 健康问题随时问
  36. </p>
  37. </div>
  38. </div>
  39. <div id="hujiao" style="width:50%;float: right;text-align: center;">
  40. <img style="width: 60%;margin-left: 5%;" src="../images/zxzx/05-3.png" />
  41. <div>
  42. <span>
  43. 一键呼叫
  44. </span>
  45. <p>
  46. 紧急情况呼叫
  47. </p>
  48. </div>
  49. </div>
  50. <div style="margin-top: 50%;width: 100%;text-align: center;">
  51. <ul class="mui-table-view">
  52. <li class="mui-table-view-cell mui-media">
  53. <a id="tixing" href="javascript:;">
  54. <img class="mui-media-object mui-pull-left" src="../images/zxzx/05_04.jpg">
  55. <div class="mui-media-body" style="padding-top: 5%;">
  56. 扫码设置用药提醒
  57. </div>
  58. </a>
  59. </li>
  60. <li class="mui-table-view-cell mui-media">
  61. <a id="tese" href="javascript:;">
  62. <img class="mui-media-object mui-pull-left" src="../images/zxzx/05_07.jpg">
  63. <div class="mui-media-body" style="padding-top: 5%;">
  64. 社区特色服务
  65. </div>
  66. </a>
  67. </li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. <script src="../js/mui.min.js"></script>
  74. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  75. <script>
  76. mui.init({
  77. swipeBack: true //启用右滑关闭功能
  78. });
  79. mui.plusReady(function() {
  80. zixun();
  81. hujiao();
  82. tixing();
  83. tese();
  84. });
  85. function zixun() {
  86. document.getElementById("zixun").addEventListener('tap', function() {
  87. var url = "mqqwpa://im/chat?chat_type=wpa&uin=1103954434";
  88. var Uri = plus.android.importClass('android.net.Uri');
  89. var main = plus.android.runtimeMainActivity();
  90. var Intent = plus.android.importClass('android.content.Intent');
  91. main.startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
  92. return;
  93. mui.openWindow({
  94. id: 'zixun',
  95. url: 'zixun.html'
  96. });
  97. });
  98. }
  99. function hujiao() {
  100. document.getElementById("hujiao").addEventListener('tap', function() {
  101. plus.device.dial('053268850806', false);
  102. });
  103. }
  104. function tixing() {
  105. document.getElementById("tixing").addEventListener('tap', function() {
  106. var id = 'barcode_scan.html';
  107. clicked(id, true, true);
  108. // mui.openWindow({
  109. // id: 'barcode-win',
  110. // url: 'barcode_scan.html'
  111. // });
  112. });
  113. }
  114. function tese() {
  115. document.getElementById("tese").addEventListener('tap', function() {
  116. mui.openWindow({
  117. id: 'fuxm-win',
  118. url: 'aijiaren/fuxm.html'
  119. })
  120. });
  121. }
  122. </script>
  123. </html>