Skip to content

Commit 6b5d8b4

Browse files
Espoir-LEspoir-L
committed
test:添加mip-nav-slidedown 下拉菜单组件与mip-fixed组件冲突 #1122的测试用例
1 parent ee2bef0 commit 6b5d8b4

File tree

2 files changed

+149
-0
lines changed

2 files changed

+149
-0
lines changed

‎sample/mip-nav-slidedown/testNav.html

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!DOCTYPE html>
2+
<html mip>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
7+
<title>测试mip-nav-slidedown下拉菜单body不可滚动</title>
8+
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">
9+
<link rel="canonical" href="对应的原页面地址">
10+
<style mip-custom>
11+
/* 自定义样式 */
12+
</style>
13+
</head>
14+
15+
<body>
16+
<div class="mip-nav-wrapper">
17+
<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1" data-brandname="MIP官网">
18+
<nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">
19+
<ul class="nav navbar-nav navbar-right">
20+
<li>
21+
<a href="//www.mipengine.org/">菜单1</a>
22+
</li>
23+
<li>
24+
<a href="//www.mipengine.org/">菜单2</a>
25+
</li>
26+
<li>
27+
<a href="//www.mipengine.org/">菜单3</a>
28+
</li>
29+
<li>
30+
<a href="//www.mipengine.org/">菜单4</a>
31+
</li>
32+
<li>
33+
<a href="//www.mipengine.org/">菜单5</a>
34+
</li>
35+
<li>
36+
<a href="//www.mipengine.org/">菜单6</a>
37+
</li>
38+
<li>
39+
<a href="//www.mipengine.org/">菜单7</a>
40+
</li>
41+
<li>
42+
<a href="//www.mipengine.org/">菜单8</a>
43+
</li>
44+
<li>
45+
<a href="//www.mipengine.org/">菜单9</a>
46+
</li>
47+
<li>
48+
<a href="//www.mipengine.org/">菜单10</a>
49+
</li>
50+
<li>
51+
<a href="//www.mipengine.org/">菜单11</a>
52+
</li>
53+
<li class="navbar-wise-close">
54+
<span id="navbar-wise-close-btn"></span>
55+
</li>
56+
</ul>
57+
</nav>
58+
</mip-nav-slidedown>
59+
</div>
60+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
61+
</mip-img>
62+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
63+
</mip-img>
64+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
65+
</mip-img>
66+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
67+
</mip-img>
68+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
69+
</mip-img>
70+
71+
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
72+
<script src="https://c.mipcdn.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>
73+
74+
</html>

‎sample/mip-nav-slidedown/testNavFixed.html

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html mip>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
6+
<title>测试mip-nav-slidedown和mip-fixed组合使用</title>
7+
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">
8+
<link rel="canonical" href="对应的原页面地址">
9+
<style mip-custom>
10+
/* 自定义样式 */
11+
</style>
12+
</head>
13+
<body>
14+
<mip-fixed type="top">
15+
<div class="mip-nav-wrapper">
16+
<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1" data-brandname="MIP官网">
17+
<nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">
18+
<ul class="nav navbar-nav navbar-right">
19+
<li>
20+
<a href="//www.mipengine.org/">菜单1</a>
21+
</li>
22+
<li>
23+
<a href="//www.mipengine.org/">菜单2</a>
24+
</li>
25+
<li>
26+
<a href="//www.mipengine.org/">菜单3</a>
27+
</li>
28+
<li>
29+
<a href="//www.mipengine.org/">菜单4</a>
30+
</li>
31+
<li>
32+
<a href="//www.mipengine.org/">菜单5</a>
33+
</li>
34+
<li>
35+
<a href="//www.mipengine.org/">菜单6</a>
36+
</li>
37+
<li>
38+
<a href="//www.mipengine.org/">菜单7</a>
39+
</li>
40+
<li>
41+
<a href="//www.mipengine.org/">菜单8</a>
42+
</li>
43+
<li>
44+
<a href="//www.mipengine.org/">菜单9</a>
45+
</li>
46+
<li>
47+
<a href="//www.mipengine.org/">菜单10</a>
48+
</li>
49+
<li>
50+
<a href="//www.mipengine.org/">菜单11</a>
51+
</li>
52+
<li class="navbar-wise-close">
53+
<span id="navbar-wise-close-btn"></span>
54+
</li>
55+
</ul>
56+
</nav>
57+
</mip-nav-slidedown>
58+
</div>
59+
</mip-fixed>
60+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
61+
</mip-img>
62+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
63+
</mip-img>
64+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
65+
</mip-img>
66+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
67+
</mip-img>
68+
<mip-img layout="responsive" width="350" height="263" src="https://www.mipengine.org/static/img/sample_01.jpg">
69+
</mip-img>
70+
71+
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
72+
<script src="https://c.mipcdn.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>
73+
<script src="https://c.mipcdn.com/static/v1/mip-fixed/mip-fixed.js"></script>
74+
</body>
75+
</html>

0 commit comments

Comments
 (0)