<div id="useravatar" class="page out" data-title="用户头像插件">
	<div id="useravatar-header"></div>
	<div id="useravatar-a"></div>
</div>
<script>
require(["NavHeader", "UserAvatar"], function(NavHeader, UserAvatar) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if(!hasClsPicker) {
		new NavHeader({
			el: "useravatar-header",
			option: {
				title:"用户头像插件", 
				smallTitle:"avatar"
			}
		}).render();
	}
	
	new UserAvatar({
		el: "useravatar-a",
		option: {
			style : "vertical",//vertical 垂直显示  horizontal 水平显示
			userid: '',
		}
	}).render().then(function() {
		if (!hasClsPicker) return;

		_u.vetically("#useravatar-a");

		clsPicker.golalSetting({
			container: ".wev-comp-UserAvatar",
			type: "UserAvatar"
		});

		new clsPicker({
			selector: ".wev-avatar-container.vertical",
			text: ".wev-avatar-container.vertical",
			lineYSkew: 50,
			skew: [10, ""],
			position: "top right"
		});
		new clsPicker({
			selector: ".wev-avatar-container.vertical img",
			text: " ",
			lineYSkew: 20,
			position: "top right"
		});

		new clsPicker({
			selector: ".wev-avatar-username",
			lineYSkew: 20,
			skew: [2.2, ""],
			angle: 80
		});
		new clsPicker({
			selector: ".wev-avatar-container span",
			text: ".wev-avatar-dept",
			lineYSkew: 50,
			skew: [2.2, ""],
			angle: 80
		});
		
	});
});
</script>