<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}--> 
<link rel="stylesheet" href="<!--{$urlpath}-->tpl/static/cropper/cropper.css" />
<style type="text/css">
html,
body{
	height: 100%;
}
body{
	min-width: auto;
	width: 100%;
}
</style>
<script src="<!--{$urlpath}-->tpl/static/cropper/cropper.min.js"></script>
<div class="avatar_popup_box">
	<div class="avatar_popup">
    <input type="hidden" name="from" id="from" value="<!--{$from}-->" />
    <input type="hidden" name="forward" id="forward" value="<!--{$forward}-->" />
    
		<input type="hidden" id="imgcode" name="imgcode" value="<!--{$imgcode}-->" />
		<input type="hidden" id="x1" name="x1" value="" />
		<input type="hidden" id="y1" name="y1" value="" />
		<input type="hidden" id="x2" name="x2" value="" />
		<input type="hidden" id="y2" name="y2" value="" />
		<input type="hidden" id="w" name="w" value="" />
		<input type="hidden" id="h" name="h" value="" />
		
		<div class="oe_popupbox">
			<div class="bd">
				<img id="clip_img_preview" src="<!--{$imgurl}-->" />
			</div>
			<div class="tips">拖动裁剪框，裁剪适合的头像，头像不能太大，也不能太小哦！~</div>
			<div class="btn_box ptb15">
        <!--//9.10.22 -->
				<div class="inline_block plr20 ptb8 br3 cursor bg_main color_f fz16 vam" f="but_confirm_cut">
					<em id="clip_tips"></em>
					<span>完成</span>
				</div>
				<div class="loading inline_block vam" id="cut_loading" style="display:none;"></div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
$(function(){
  $("#clip_img_preview").cropper({
      aspectRatio:110/135,
      width: 130,
      height: 169,
      mouseWheelZoom:false,
      touchDragZoom:false,
      crop: function(data) {
          $_x = data.x; //剪裁区域左侧的偏移
          $_y = data.y; //剪裁区域距上部的偏移
          $_cut_width = data.width; //剪裁区域的宽度
          $_cut_height = data.height; //剪裁区域的高度
          $("#x1").val($_x);
          $("#y1").val($_y);
          $("#w").val($_cut_width);
          $("#h").val($_cut_height);
      }
  });
});
</script>
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.min.js"></script>
<script src="<!--{$userskin}-->js/avatar.js?v=<!--{$copyright_version}-->"></script>
</body>
</html>