item2.html 1.08 KB
<div id="item2" class="tabpanel out" data-form="show_hide">
	<div id="item2-nav"></div>
	<div id="item2-a"></div>
</div>
<script type="text/javascript">
require(["NavHeader", "Navigation", "ColumnBreak"], function(NavHeader, Navigation, ColumnBreak) {
	new NavHeader({
		el: "item2-nav",
		option: {
			title:"导航栏插件", 
			smallTitle:"navigation"
		}
	}).render();
	
	var nav = new Navigation({
		el: "item2-a",
		option: {
			items:[
				{
					text : "菜单一", 
					icon : "/mobilemode/images/homepage/homepage_left_3_wev8.png", 
					remind : true
				},
				{text : "菜单二", icon : "/mobilemode/images/homepage/homepage_left_4_wev8.png"},
				{text : "菜单三", icon : "/mobilemode/images/homepage/homepage_left_5_wev8.png", group : true},
				{text : "菜单四", icon : "/mobilemode/images/homepage/homepage_left_3_wev8.png", remind : true},
				{text : "菜单五", icon : "/mobilemode/images/homepage/homepage_left_4_wev8.png"},
				{text : "菜单六", icon : "/mobilemode/images/homepage/homepage_left_5_wev8.png"}
			],
			badge: [5, 8]
		}
	});
	nav.render();
});
</script>