上传头像修改

src/main/webapp/WEB-INF/system/user/user_view.html

@@ -113,7 +113,6 @@
                 @ **/
                 <div class="tab-pane" id="avatar" role="tabpanel">
                     <div class="card-block">
-                        <div class="container">
                         <div class="row">
                             <div class="col-md-12">
                                 <div class="img-container">
@@ -121,7 +120,7 @@
                                 </div>
                             </div>
                         </div>
-                            <div class="row">
+                        <div class="row p-t-10">
                             <div class="col-md-12 docs-buttons">
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="setDragMode" data-option="move" title="Move">
@@ -244,22 +243,24 @@
                                 </div>
 
                                 <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 }">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 4096, maxHeight: 4096 })">
-              Get Cropped Canvas
-            </span>
+                                    <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>
                                     </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 })">
               160&times;90
             </span>
                                     </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 })">
               320&times;180
             </span>
                                     </button>
                                 </div>
+
                                 <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-content">
@@ -281,7 +282,6 @@
                         </div>
                     </div>
                 </div>
-                </div>
 
                 @/**
                 @/* 登录日志

src/main/webapp/assets/common/static/stylefeng/feng.css

@@ -36,6 +36,13 @@
     text-decoration: none;
 }
 
-.fixed-table-pagination .btn{
+.fixed-table-pagination .btn {
     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 () {
     var $dataScaleX = $('#dataScaleX');
     var $dataScaleY = $('#dataScaleY');
     var options = {
-        aspectRatio: 16 / 9,
         preview: '.img-preview',
+        minContainerWidth: 500,
+        minContainerHeight: 500,
         crop: function (e) {
             $dataX.val(Math.round(e.detail.x));
             $dataY.val(Math.round(e.detail.y));