<div id="tipPanel" class="page out" data-title="提示面板">
	<div id="tipPanel-header"></div>
	<div id="tipPanel-break1"></div>
	<div id="tipPanel-v"></div>
	<div id="tipPanel-break2"></div>
	<div id="tipPanel-h"></div>
	
</div>
<script>
require(["NavHeader", "TipPanel", "ColumnBreak"], function(NavHeader, TipPanel, ColumnBreak) {
	var hasClsPicker = typeof clsPicker !== "undefined";
	
	new NavHeader({
			el: "tipPanel-header",
			option: {
				title:"提示面板", 
				smallTitle:"Tip Panel"
			}
		}).render();
	
	new ColumnBreak({
		el: "tipPanel-break1",
		option: {
			content : "垂直",
			align	: "center"
		}
	}).render();
	
	new TipPanel({
		el: "tipPanel-v",
		option: {
			layoutType:"vertical",
			iconPath:"/mobilemode/piclibrary/03-E9_flat/success.png",
			title : "操作成功！",
			subTitle : "请联系系统管理员进行确认"
		}
	}).render();
	
	
	
	new ColumnBreak({
		el: "tipPanel-break2",
		option: {
			content : "水平",
			align	: "center"
		}
	}).render();
	
	new TipPanel({
		el: "tipPanel-h",
		option: {
			layoutType:"horizontal",
			iconPath:"/mobilemode/piclibrary/03-E9_flat/success.png",
			title : "操作成功！",
			subTitle : "请联系系统管理员进行确认"
		}
	}).render();
	
});
</script>