| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <!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="../css/mui.min.css" rel="stylesheet" />
- <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
- <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
- <style type="text/css">
- html {
- width: 100%;
- height: 100%;
- }
-
- body {
- height: 100%;
- background-color: transparent;
- }
-
- .mui-popover .mui-popover-arrow {
- left: auto;
- right: 10px!important;
- }
-
- .mui-popover {
- display: block;
- width: auto;
- opacity: 1;
- text-align: center;
- }
-
- .mui-table-view-cell>a:not(.mui-btn) {
- color: #000;
- }
-
- .fa {
- margin-right: 8px;
- color: #535353;
- }
-
- .mui-table-view-cell>a:not(.mui-btn) {
- color: #535353;
- }
- #userGroup{
- display: none;
- }
- #menu{
- text-align: left;
- font-size: 14px;
- }
- </style>
- </head>
- <body>
- <div id="topPopover" class="mui-popover" style="position:fixed ;top: 55px;right:5px;">
- <div class="mui-popover-arrow" style="top: -30px;"></div>
- <ul class="mui-table-view" style="color: #fff; top: -4px;right: 0;" id="menu">
- <li class="mui-table-view-cell" data-id="1">
- <a href="#">
- <i class="iconfont"></i>全部
- </a>
- </li>
- <li class="mui-table-view-cell" data-id="2">
- <a href="#">
- <i class="iconfont"></i>杀虫灯
- </a>
- </li>
- <li class="mui-table-view-cell" data-id="3">
- <a href="#">
- <i class="iconfont"></i>虫情测报
- </a>
- </li>
- <li class="mui-table-view-cell" data-id="5">
- <a href="#">
- <i class="iconfont"></i>环境监测
- </a>
- </li>
- <li class="mui-table-view-cell" data-id="7">
- <a href="#">
- <i class="iconfont"></i>孢子仪
- </a>
- </li>
- <li class="mui-table-view-cell" data-id="8">
- <a href="#">
- <i class="iconfont"></i>性诱器
- </a>
- </li>
- </ul>
- </div>
- <script src="../js/mui.min.js"></script>
- <script type="text/javascript">
- mui.init({
- beforeback: function() { //获得父页面的webview
- plus.webview.currentWebview().hide()
- return false;
- }
- })
- mui.plusReady(function() {
- ws = plus.webview.currentWebview();
- ws.setStyle({
- mask: "none"
- });
- window.addEventListener("tap", function() {
- ws.hide();
- })
- window.addEventListener("dragstart", function() {
- ws.hide();
- })
- mui("#menu").on('tap','li',function(){
- var id = this.getAttribute('data-id');
- var new_request = plus.webview.getWebviewById('map');
- mui.fire(new_request,'requestPerson',{id:id});
- ws.hide();
- })
- })
-
- </script>
- </body>
- </html>
|