<div id="item1" class="tabpanel out" data-form="show_hide">
	<div id="item1-header"></div>  
	<div id="item1-main"></div>
</div>
<script type="text/javascript">
require(["NavHeader", "Tab"], function(NavHeader, Tab) {
	new NavHeader({
   		el: "item1-header",
   		option: {
   			title:"tab页插件", 
   			smallTitle:"tab页插件Demo"
   		}
   	}).render();
   	
	new Tab({
		el: "item1-main",
		option: {
			tabs:[
				{
					tabName : "选项卡一",
					tabContent : [
						{el:"tab-a", type:"ColumnBreak", option:{content : "分栏插件动态数据示例"}},
						{el:"tab-b", type:"ColumnBreak", option:{content : "分栏插件静态数据示例", align : "center"}},
					]
				},
				{
					tabName : "选项卡二",
					tabContent : [
						{
							el: "tab-c",
							type : "Html",
							option: {
								htm : [
									'<ul>',
										'<li>1.HTML控件</li>',
										'<li>2.HTML控件</li>',
										'<li>3.HTML控件</li>',
									'</ul>'
								].join('')
							}
						}
					]
				},
				{
					tabName : "选项卡三",
					tabContent : []
				}
			]
		}
	}).render();
});
</script>