| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!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" />
- <script src="../js/mui.js"></script>
- <!-- 引入APP样式 -->
- <link href="../css/app.css" rel="stylesheet" />
- <link rel="stylesheet" type="text/css" href="../css/case.css" />
- <!-- 引入案件详情样式 -->
- <link rel="stylesheet" type="text/css" href="../css/case.info.css" />
- <style type="text/css">
- .mui-popover {
- height: 300px;
- }
- </style>
- </head>
- <body>
- <button id="btnAAA" onclick="mmm(this)">菜单</button>
- <!--右下角弹出菜单-->
- <div id="bottomPopover" class="mui-popover mui-popover-bottom">
- <div class="mui-popover-arrow"></div>
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <ul class="mui-table-view">
- <li class="mui-table-view-cell"><a href="#">Item1</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item2</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item3</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item4</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item5</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item6</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item7</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item8</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item9</a>
- </li>
- <li class="mui-table-view-cell"><a href="#">Item10</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript">
- mui.init();
- /* 必须加 否则将导致数据表无法滚动 */
- mui('.mui-scroll-wrapper').scroll({
- scrollY: true, //是否竖向滚动
- scrollX: true, //是否横向滚动
- startX: 0, //初始化时滚动至x
- startY: 0, //初始化时滚动至y
- indicators: false, //是否显示滚动条
- deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
- bounce: false, //是否启用回弹
- });
-
- function mmm(btn){
- mui('.mui-popover').popover('toggle',btn);
- }
- </script>
- </html>
|
