Skip to content

M
mui
Commit 4ffe4e52 authored by hbcui1984's avatar hbcui1984
Browse files
Options

解决webview模式选项卡第二个子项在iOS平台显示有遮罩的问题

parent 4aaecf41
Show whitespace changes
Inline Side-by-side
Showing with 100 additions and 74 deletions
examples/hello-mui/examples/tab-webview-subpage-chat.html
View file @ 4ffe4e52
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -10,47 +11,71 @@ ...@@ -10,47 +11,71 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html,body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
.title{ .title {
margin: 20px 15px 10px; padding: 20px 15px 10px;
color: #6d6d72; color: #6d6d72;
font-size: 15px; font-size: 15px;
background-color: #fff;
} }
</style> </style>
<script type="text/javascript" charset="utf-8"> <script type="text/javascript" charset="utf-8">
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-content"> <div class="mui-content">
<div id="pullrefresh" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="title"> <div class="title">
这是webview模式选项卡中的第2个子页面，该页面展示一个支持下拉刷新、上拉加载的消息列表 这是webview模式选项卡中的第2个子页面，该页面展示一个支持下拉刷新、上拉加载的消息列表
</div> </div>
<div id="pullrefresh" class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 1</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 1</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 2</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 3</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 2</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 4</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 5</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 3</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 6</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 7</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 4</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 8</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 9</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 5</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 10</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 11</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 6</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 12</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 13</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 7</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 14</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 15</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 8</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 16</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 17</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 9</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 18</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 19</a></li> <li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 10</a>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 20</a></li> </li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 11</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 12</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 13</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 14</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 15</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 16</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 17</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 18</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 19</a>
</li>
<li class="mui-table-view-cell"><a href="" class="mui-navigate-right">Item 20</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -106,4 +131,5 @@ ...@@ -106,4 +131,5 @@
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment