_MainBody.cshtml 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. 
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title>中联区卫问题登记</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <link href="~/Content/Scripts/plugins/mui/css/mui.css" rel="stylesheet" />
  9. <script src="~/Content/Scripts/jquery.min.js"></script>
  10. <script src="~/Content/Scripts/plugins/mui/js/mui.js"></script>
  11. </head>
  12. <body>
  13. <style>
  14. body {
  15. font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","HelveticaNeue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
  16. }
  17. .mui-bar {
  18. box-shadow: 0 0 7px rgb(183,210,422);
  19. }
  20. .mui-bar-nav {
  21. background-color: #00aaff;
  22. }
  23. .mui-active {
  24. color: #2ab8ff !important;
  25. }
  26. #center {
  27. position: fixed;
  28. bottom: 10px;
  29. z-index: 12;
  30. left: 50%;
  31. margin-left: -27px;
  32. }
  33. #center2 {
  34. position: fixed;
  35. bottom: 3px;
  36. left: 50%;
  37. z-index: 11;
  38. width: 80px;
  39. height: 80px;
  40. margin-left: -40px;
  41. background-color: #f7f7f7;
  42. border-radius: 3em;
  43. border-bottom-color: transparent !important;
  44. border-right-color: transparent !important;
  45. box-shadow: 0 -5px 7px rgb(183,210,422);
  46. }
  47. /*.mui-icon.iconfont.icon-wentifankui {
  48. font-size: 35px;
  49. }*/
  50. .icon-soushuo {
  51. color: white;
  52. }
  53. </style>
  54. <header class="mui-bar mui-bar-nav">
  55. <h1 class="mui-title" style="color:white">中联区卫问题登记</h1>
  56. <a href="/MobileProblem/ProblemQuickSearch" class="mui-icon iconfont icon-soushuo mui-pull-right" id="title-right"></a>
  57. </header>
  58. @*<div id="center">
  59. <a id="NewProblem" class="mui-tab-item" style="display:flex;flex-direction: column;align-content: center;align-items: center;color: #929292;">
  60. <span class="mui-icon iconfont icon-wentifankui"></span>
  61. <span class="mui-tab-label" style="font-size: 14px;">问题查询</span>
  62. </a>
  63. </div>
  64. <div id="center2"></div>*@
  65. <nav class="mui-bar mui-bar-tab">
  66. <a class="mui-tab-item " id="Home">
  67. <span class="mui-icon iconfont icon-shouye"></span>
  68. <span class="mui-tab-label">首页</span>
  69. </a>
  70. <a class="mui-tab-item" id="NewProblem">
  71. <span class="mui-icon iconfont icon-wentifankui"></span>
  72. <span class="mui-tab-label">问题查询</span>
  73. </a>
  74. <a class="mui-tab-item" id="my">
  75. <span class="mui-icon iconfont icon-wode"></span>
  76. <span class="mui-tab-label">我的</span>
  77. </a>
  78. </nav>
  79. <div class="mui-content mui-scroll-wrapper" id="scr1">
  80. <div class="mui-scroll">
  81. @RenderBody()
  82. </div>
  83. </div>
  84. <script type="text/babel">
  85. mui.init({
  86. swipeBack: true,//启用右滑关闭功能
  87. keyEventBind: {
  88. backbutton: true //开启back按键监听
  89. }
  90. });
  91. mui('.mui-scroll-wrapper').scroll();
  92. document.getElementById('Home').addEventListener('tap', function () {
  93. //mui.openWindow({
  94. // url: '/MobileProblem/Home'
  95. //});
  96. window.location.href = '/MobileProblem/Home';
  97. });
  98. document.getElementById('my').addEventListener('tap', function () {
  99. //mui.openWindow({
  100. // url: '/MobileProblem/My'
  101. //});
  102. window.location.href = '/MobileProblem/My'
  103. });
  104. document.getElementById('NewProblem').addEventListener('tap', function () {
  105. //mui.openWindow({
  106. // url: '/MobileProblem/QueryProblem'
  107. //});
  108. window.location.href = '/MobileProblem/QueryProblem'
  109. });
  110. var clickNum = 0;
  111. mui.back = function (event) {
  112. clickNum++; if (clickNum > 1) { plus.runtime.quit(); }
  113. else {
  114. mui.toast("再按一次退出应用");
  115. } setTimeout(function () { clickNum = 0 }, 2000); return false;
  116. }
  117. </script>
  118. </body>
  119. </html>