首页 探索 帮助
登录
ipu
/
android-share
关注 6
点赞 0
派生 0
代码 工单管理 1 合并请求 1 提交历史 88 版本发布 4 Wiki
浏览代码

1

huangbo 9 年之前
父节点
7720cef4eb
当前提交
443d7f71a6
共有 1 个文件被更改，包括 79 次插入 和 78 次删除
分列视图 显示文件统计
  1. 79 78
      display-server/web/template/webapp/tag/WmTabbarSrc.html

+ 79 - 78
display-server/web/template/webapp/tag/WmTabbarSrc.html
查看文件 

@ -4,95 +4,96 @@
4 4 
<meta charset="utf-8" />
5 5 
<meta name="viewport"
6 6 
	content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
7 
<title>导航</title>
7 
<title>导航</title>
8 8 
{%>template/common/Head.html%}
9 
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
10 
<script type="text/javascript" src="biz/js/tag/WmTabbar.js"></script>
9 11 
</head>
10 12 
<body>
11
12 
<div class="c_navBar">
13 
	<div class="left">
14 
		<div class="back">
15 
			<span class="e_ico-back"></span>
16 
			<span class="text">WmTabbarSrc</span>
13 
	<div class="c_navBar">
14 
		<div class="left">
15 
			<div class="back">
16 
				<span class="e_ico-back"></span>
17 
				<span class="text">WmTabbarSrc</span>
18 
			</div>
17 19 
		</div>
18 20 
	</div>
19 
</div>
20
21 
<div id="tabbar1">
22 
	<div class="m_nav">
23 
		<div class="wrapper">
24 
			<div class="nav">
25 
				<div class="c_list">
26 
					<ul>
27 
						<li>
28 
							<div class="content">
29 
								<div class="main">菜单一内容</div>
30 
								<div class="more"></div>
31 
							</div>
32 
						</li>
33 
					</ul>
21 
	<div id="myTabbar">
22 
		<div class="m_nav">
23 
			<div class="wrapper">
24 
				<div class="nav">
25 
					<div class="c_submit">
26 
						<ul>
27 
							<li><button class="e_button-cancel" id="action">绑定标签项菜单2的事件</button></li>
28 
						</ul>
29 
					</div>
30 
					<div class="c_submit">
31 
						<ul>
32 
							<li><button class="e_button-ok" id="active">切换标签页面2</button></li>
33 
						</ul>
34 
					</div>
35 
					<div class="c_submit">
36 
						<ul>
37 
							<li><button class="e_button-cancel" id="animation">关闭组件动画</button></li>
38 
						</ul>
39 
					</div>
34 40 
				</div>
35
36 
			</div>
37 
			<div class="nav">
38 
				<div class="c_list">
39 
					<ul>
40 
						<li>
41 
							<div class="content">
42 
								<div class="main">菜单二内容</div>
43 
								<div class="more"></div>
44 
							</div>
45 
						</li>
46 
					</ul>
41 
				<div class="nav">
42 
					<div class="c_list">
43 
						<ul>
44 
							<li>
45 
								<div class="content">
46 
									<div class="main">菜单二内容</div>
47 
									<div class="more"></div>
48 
								</div>
49 
							</li>
50 
						</ul>
51 
					</div>
47 52 
				</div>
48
49 
			</div>
50 
			<div class="nav">
51 
				<div class="c_list">
52 
					<ul>
53 
						<li>
54 
							<div class="content">
55 
								<div class="main">菜单三内容</div>
56 
								<div class="more"></div>
57 
							</div>
58 
						</li>
59 
					</ul>
53 
				<div class="nav">
54 
					<div class="c_list">
55 
						<ul>
56 
							<li>
57 
								<div class="content">
58 
									<div class="main">菜单三内容</div>
59 
									<div class="more"></div>
60 
								</div>
61 
							</li>
62 
						</ul>
63 
					</div>
60 64 
				</div>
61
62 
			</div>
63 
			<div class="nav">
64 
				<div class="c_list">
65 
					<ul>
66 
						<li>
67 
							<div class="content">
68 
								<div class="main">菜单四内容</div>
69 
								<div class="more"></div>
70 
							</div>
71 
						</li>
72 
					</ul>
65 
				<div class="nav">
66 
					<div class="c_list">
67 
						<ul>
68 
							<li>
69 
								<div class="content">
70 
									<div class="main">菜单四内容</div>
71 
									<div class="more"></div>
72 
								</div>
73 
							</li>
74 
						</ul>
75 
					</div>
73 76 
				</div>
74
75 77 
			</div>
76 78 
		</div>
79 
		<div class="m_footer">
80 
			<ul>
81 
				<li><span class="e_ico-device"></span>
82 
					<div class="text">菜单1</div></li>
83 
				<li id="myTabbarItem"><span class="e_ico-component"></span>
84 
					<div class="text">菜单2</div></li>
85 
				<li><span class="e_ico-code"></span>
86 
					<div class="text">菜单3</div></li>
87 
				<li><span class="e_ico-about"></span>
88 
					<div class="text">菜单4</div></li>
89 
			</ul>
90 
		</div>
77 91 
	</div>
78 
	<div class="m_footer">
79 
		<ul>
80 
			<li class="on"><span class="e_ico-device"></span>
81 
				<div class="text">菜单1</div></li>
82 
			<li><span class="e_ico-component"></span>
83 
				<div class="text">菜单2</div></li>
84 
			<li><span class="e_ico-code"></span>
85 
				<div class="text">菜单3</div></li>
86 
			<li><span class="e_ico-about"></span>
87 
				<div class="text">菜单4</div></li>
88 
		</ul>
89 
	</div>
90 
</div>
91 
<script type="text/javascript">
92 
	require(["wmTabbar"], function(WmTabbar) {
93 
		var wmTabbar = new WmTabbar("tabbar1");
94 
		wmTabbar.create();
95 
	});
96 
</script>
92 
	<script type="text/javascript">
93 
		require([ "wmTabbar" ], function(WmTabbar) {
94 
			var wmTabbar = new WmTabbar("myTabbar");
95 
			wmTabbar.create();
96 
		});
97 
	</script>
97 98 
</body>
98 99 
</html>