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>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
......@@ -10,47 +11,71 @@
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<style>
html,body {
html,
body {
background-color: #efeff4;
}
.title{
margin: 20px 15px 10px;
.title {
padding: 20px 15px 10px;
color: #6d6d72;
font-size: 15px;
background-color: #fff;
}
</style>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<div class="mui-content">
<div id="pullrefresh" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="title">
这是webview模式选项卡中的第2个子页面，该页面展示一个支持下拉刷新、上拉加载的消息列表
</div>
<div id="pullrefresh" class="mui-scroll-wrapper">
<div class="mui-scroll">
<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 2</a></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 4</a></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 6</a></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 8</a></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 10</a></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>
<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 2</a>
</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 4</a>
</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 6</a>
</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 8</a>
</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 10</a>
</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>
</div>
</div>
......@@ -106,4 +131,5 @@
</div>
</body>
</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