<div id="reply_page" class="page out" data-title="回复插件">
	<div class="page-content" id="reply_content">
		<div id="reply-header"></div>
		<div id="reply-main"></div>
	</div>
</div>
<script>
require(["NavHeader", "Reply"], function(NavHeader, Reply) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if (!hasClsPicker) {
		new NavHeader({
			el: "reply-header",
			option: {
				title:"回复插件", 
				smallTitle:"回复插件Demo"
			}
		}).render();
	}

	new Reply({
		el: "reply-main",
		container : "#reply_page",
		option: {
			btnName : "提交",
			isShow : true,
			autoSave : false,
			actionUrl : "/mobilemode/mobile/demo/plugin/Form/formAction.jsp",
			params : [{
				paramName : "content",
				paramValue : "文本内容",
				isSystem : true
			}]
		}
	}).render().then(function() {
		if (!hasClsPicker) return;

		_u.vetically(".page-footer");

		clsPicker.golalSetting({
			container: "#reply-main",
			type: "Reply"
		});

		new clsPicker({
			selector: ".wev-reply-container",
			lineYSkew: 70,
			skew: [10, ""]
		});
		new clsPicker({
			selector: ".wev-reply-form",
			lineYSkew: 80,
			skew: [20, ""]
		});

		new clsPicker({
			selector: ".wev-reply-btn",
			lineYSkew: 20,
			position: "top left"
		});

		new clsPicker({
			selector: ".wev-reply-content",
			lineYSkew: 50,
			skew: [6, ""],
			position: "top right"
		});
	});
});
</script>