aijiaren.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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. <!--标准mui.css-->
  10. <link rel="stylesheet" href="../css/mui.min.css">
  11. <!--App自定义的css-->
  12. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  13. </head>
  14. <body>
  15. <div class="mui-content">
  16. <ul class="mui-table-view mui-grid-view mui-grid-9">
  17. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  18. <a href="#" data-href='health-file.html'>
  19. <span class="mui-icon "><img src="../images/aijiaren/jkda.jpg"/></span>
  20. <div class="mui-media-body">健康管理</div>
  21. </a>
  22. </li>
  23. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  24. <a data-href='wenyisheng'>
  25. <span class="mui-icon "><img src="../images/aijiaren/wys.jpg"/></span>
  26. <div class="mui-media-body">问医生</div>
  27. </a>
  28. </li>
  29. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  30. <a href="#" data-href='remind-drug-list.html'>
  31. <span class="mui-icon "><img src="../images/aijiaren/yytx.jpg"/></span>
  32. <div class="mui-media-body">用药提醒</div>
  33. </a>
  34. </li>
  35. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  36. <a href="#" data-href='aijiaren/yyjl.html'>
  37. <span class="mui-icon "><img src="../images/aijiaren/yyjl.jpg"/></span>
  38. <div class="mui-media-body">用药记录</div>
  39. </a>
  40. </li>
  41. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  42. <a data-href='aijiaren/fuxm.html'>
  43. <span class="mui-icon "><img src="../images/aijiaren/tsfw.jpg"/></span>
  44. <div class="mui-media-body">特色服务</div>
  45. </a>
  46. </li>
  47. <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  48. <a data-href='aijiaren/xtchart.html'>
  49. <span class="mui-icon "><img src="../images/aijiaren/xtjc.jpg"/></span>
  50. <div class="mui-media-body">血糖监测</div>
  51. </a>
  52. </li>
  53. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  54. <a data-href='aijiaren/xychart.html'>
  55. <span class="mui-icon "><img src="../images/aijiaren/xyjc.jpg"/></span>
  56. <div class="mui-media-body">血压监测</div>
  57. </a>
  58. </li>-->
  59. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  60. <a data-href='jiankangjiance/health.html'>
  61. <span class="mui-icon "><img src="../images/aijiaren/jiankangjiance.jpg"/></span>
  62. <div class="mui-media-body">健康监测</div>
  63. </a>
  64. </li>
  65. <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
  66. <a data-href='set.html'>
  67. <span class="mui-icon mui-icon-more"></span>
  68. <div class="mui-media-body">设置</div>
  69. </a>
  70. </li>-->
  71. </ul>
  72. </div>
  73. </body>
  74. <script src="../js/mui.min.js"></script>
  75. <script>
  76. mui.init({
  77. swipeBack: true //启用右滑关闭功能
  78. });
  79. mui.plusReady(function() {
  80. mui('.mui-table-view-cell').on('tap', 'a', function() {
  81. var href = this.getAttribute('data-href');
  82. if (href && href.length > 4) {
  83. if (href == 'wenyisheng') {
  84. var url = "mqqwpa://im/chat?chat_type=wpa&uin=1103954434";
  85. var Uri = plus.android.importClass('android.net.Uri');
  86. var main = plus.android.runtimeMainActivity();
  87. var Intent = plus.android.importClass('android.content.Intent');
  88. main.startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
  89. return;
  90. } else {
  91. mui.openWindow({
  92. id: href,
  93. url: href
  94. });
  95. }
  96. }
  97. });
  98. });
  99. </script>
  100. </html>