mobilebone
Version:
Bone main for mobile web APP with a sigle page mode by using HTML5 history API router.
36 lines (33 loc) • 1.41 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>Mobilebone.js API文档-Mobilebone.classMask</title>
<link rel="stylesheet" href="../../src/mobilebone.css">
<link rel="stylesheet" href="../assets/docs.css">
</head>
<body>
<header id="header"></header>
<aside id="aside"></aside>
<div class="page out">
<div class="content">
<h2>Mobilebone.classMask</h2>
<p><code>mask</code>元素(loading效果遮罩元素)的标志类名。默认值是<code>"mask"</code>. 可以通过CSS设置控制loading的位置、大小以及颜色等。</p>
<h3>值类型</h3>
<p>字符串。</p>
<h3>其他说明</h3>
<p>mobilebone.css默认对类名<code>.mask</code>有相关样式设置，其结构如下：</p>
<pre><div class="mask"><s class="loading"></s></div></pre>
<p>其中<code>.mask</code>负责半透明（或全透明）遮罩，<code>.loading</code>则是旋转的小图标元素。您可以根据自己项目的实际情况修改loading效果，例如使用iOS风格的旋转loading效果。</p>
</div>
</div>
<script src="../../src/mobilebone.js"></script>
<script>
Mobilebone.captureLink = false;
window.navKey = "classMask";
</script>
<script src="nav.js"></script>
<script src="../assets/docs.js"></script>
</body>
</html>