123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
-
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>中联区卫问题登记</title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link href="~/Content/Scripts/plugins/mui/css/mui.css" rel="stylesheet" />
- <script src="~/Content/Scripts/jquery.min.js"></script>
- <script src="~/Content/Scripts/plugins/mui/js/mui.js"></script>
-
- </head>
- <body>
- <style>
- body {
- font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","HelveticaNeue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
- }
- .mui-bar {
- box-shadow: 0 0 7px rgb(183,210,422);
- }
- .mui-bar-nav {
- background-color: #00aaff;
- }
- .mui-active {
- color: #2ab8ff !important;
- }
- #center {
- position: fixed;
- bottom: 10px;
- z-index: 12;
- left: 50%;
- margin-left: -27px;
- }
- #center2 {
- position: fixed;
- bottom: 3px;
- left: 50%;
- z-index: 11;
- width: 80px;
- height: 80px;
- margin-left: -40px;
- background-color: #f7f7f7;
- border-radius: 3em;
- border-bottom-color: transparent !important;
- border-right-color: transparent !important;
- box-shadow: 0 -5px 7px rgb(183,210,422);
- }
- /*.mui-icon.iconfont.icon-wentifankui {
- font-size: 35px;
- }*/
- .icon-soushuo {
- color: white;
- }
- </style>
- <header class="mui-bar mui-bar-nav">
- <h1 class="mui-title" style="color:white">中联区卫问题登记</h1>
- <a href="/MobileProblem/ProblemQuickSearch" class="mui-icon iconfont icon-soushuo mui-pull-right" id="title-right"></a>
- </header>
- @*<div id="center">
- <a id="NewProblem" class="mui-tab-item" style="display:flex;flex-direction: column;align-content: center;align-items: center;color: #929292;">
- <span class="mui-icon iconfont icon-wentifankui"></span>
- <span class="mui-tab-label" style="font-size: 14px;">问题查询</span>
- </a>
- </div>
- <div id="center2"></div>*@
- <nav class="mui-bar mui-bar-tab">
- <a class="mui-tab-item " id="Home">
- <span class="mui-icon iconfont icon-shouye"></span>
- <span class="mui-tab-label">首页</span>
- </a>
- <a class="mui-tab-item" id="NewProblem">
- <span class="mui-icon iconfont icon-wentifankui"></span>
- <span class="mui-tab-label">问题查询</span>
- </a>
- <a class="mui-tab-item" id="my">
- <span class="mui-icon iconfont icon-wode"></span>
- <span class="mui-tab-label">我的</span>
- </a>
- </nav>
- <div class="mui-content mui-scroll-wrapper" id="scr1">
- <div class="mui-scroll">
- @RenderBody()
- </div>
- </div>
- <script type="text/babel">
- mui.init({
- swipeBack: true,//启用右滑关闭功能
- keyEventBind: {
- backbutton: true //开启back按键监听
- }
- });
- mui('.mui-scroll-wrapper').scroll();
- document.getElementById('Home').addEventListener('tap', function () {
- //mui.openWindow({
- // url: '/MobileProblem/Home'
- //});
- window.location.href = '/MobileProblem/Home';
- });
- document.getElementById('my').addEventListener('tap', function () {
- //mui.openWindow({
- // url: '/MobileProblem/My'
- //});
- window.location.href = '/MobileProblem/My'
- });
- document.getElementById('NewProblem').addEventListener('tap', function () {
- //mui.openWindow({
- // url: '/MobileProblem/QueryProblem'
- //});
- window.location.href = '/MobileProblem/QueryProblem'
- });
- var clickNum = 0;
- mui.back = function (event) {
- clickNum++; if (clickNum > 1) { plus.runtime.quit(); }
- else {
- mui.toast("再按一次退出应用");
- } setTimeout(function () { clickNum = 0 }, 2000); return false;
- }
- </script>
- </body>
- </html>
|