Skip to content

G
guns-vip
Commit 8daacf2b by fengshuonan
Options

上传头像修改

parent 149354e4
Showing with 20 additions and 11 deletions
src/main/webapp/WEB-INF/system/user/user_view.html
...@@ -113,7 +113,6 @@ ...@@ -113,7 +113,6 @@
@ **/ @ **/
<div class="tab-pane" id="avatar" role="tabpanel"> <div class="tab-pane" id="avatar" role="tabpanel">
<div class="card-block"> <div class="card-block">
<div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="img-container"> <div class="img-container">
...@@ -121,7 +120,7 @@ ...@@ -121,7 +120,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row p-t-10">
<div class="col-md-12 docs-buttons"> <div class="col-md-12 docs-buttons">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-primary" data-method="setDragMode" data-option="move" title="Move"> <button type="button" class="btn btn-primary" data-method="setDragMode" data-option="move" title="Move">
...@@ -244,22 +243,24 @@ ...@@ -244,22 +243,24 @@
</div> </div>
<div class="btn-group btn-group-crop"> <div class="btn-group btn-group-crop">
<button type="button" class="btn btn-success" data-method="getCroppedCanvas" data-option="{ &quot;maxWidth&quot;: 4096, &quot;maxHeight&quot;: 4096 }"> <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;maxWidth&quot;: 4096, &quot;maxHeight&quot;: 4096 }">
<span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 4096, maxHeight: 4096 })"> <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 4096, maxHeight: 4096 })">上传头像</span>
Get Cropped Canvas
</span>
</button> </button>
<button type="button" class="btn btn-success" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 160, &quot;height&quot;: 90 }"> </div>
<div class="btn-group btn-group-crop">
<button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 160, &quot;height&quot;: 90 }">
<span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 160, height: 90 })"> <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 160, height: 90 })">
160&times;90 160&times;90
</span> </span>
</button> </button>
<button type="button" class="btn btn-success" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 320, &quot;height&quot;: 180 }"> <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 320, &quot;height&quot;: 180 }">
<span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 320, height: 180 })"> <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 320, height: 180 })">
320&times;180 320&times;180
</span> </span>
</button> </button>
</div> </div>
<div class="modal fade docs-cropped" id="getCroppedCanvasModal" aria-hidden="true" aria-labelledby="getCroppedCanvasTitle" role="dialog" tabindex="-1"> <div class="modal fade docs-cropped" id="getCroppedCanvasModal" aria-hidden="true" aria-labelledby="getCroppedCanvasTitle" role="dialog" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
...@@ -281,7 +282,6 @@ ...@@ -281,7 +282,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
@/** @/**
@/* 登录日志 @/* 登录日志
......
src/main/webapp/assets/common/static/stylefeng/feng.css
...@@ -36,6 +36,13 @@ ...@@ -36,6 +36,13 @@
text-decoration: none; text-decoration: none;
} }
.fixed-table-pagination .btn{ .fixed-table-pagination .btn {
border-color: #DDDDDD; border-color: #DDDDDD;
} }
.div-center {
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
}
\ No newline at end of file
src/main/webapp/assets/modular/system/user/user_view.js
...@@ -13,8 +13,9 @@ $(function () { ...@@ -13,8 +13,9 @@ $(function () {
var $dataScaleX = $('#dataScaleX'); var $dataScaleX = $('#dataScaleX');
var $dataScaleY = $('#dataScaleY'); var $dataScaleY = $('#dataScaleY');
var options = { var options = {
aspectRatio: 16 / 9,
preview: '.img-preview', preview: '.img-preview',
minContainerWidth: 500,
minContainerHeight: 500,
crop: function (e) { crop: function (e) {
$dataX.val(Math.round(e.detail.x)); $dataX.val(Math.round(e.detail.x));
$dataY.val(Math.round(e.detail.y)); $dataY.val(Math.round(e.detail.y));
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment