调整样式

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

@@ -5,7 +5,7 @@
             <div class="card-header">
                 <h4 class="m-b-0 text-white">修改密码</h4>
             </div>
-            <div class="card-block" style="padding: 100px;">
+            <div class="card-block" style="padding: 50px;">
                 <div class="form-horizontal" id="passwordForm">
                     <div class="form-body">
                         <div class="row">

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

@@ -124,135 +124,122 @@
                             <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">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;setDragMode&quot;, &quot;move&quot;)">
-              <span class="fa fa-arrows"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;setDragMode&quot;, &quot;move&quot;)">
+                                          <span class="fa fa-arrows"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="setDragMode" data-option="crop" title="Crop">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;setDragMode&quot;, &quot;crop&quot;)">
-              <span class="fa fa-crop"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;setDragMode&quot;, &quot;crop&quot;)">
+                                          <span class="fa fa-crop"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="zoom" data-option="0.1" title="Zoom In">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;zoom&quot;, 0.1)">
-              <span class="fa fa-search-plus"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;zoom&quot;, 0.1)">
+                                          <span class="fa fa-search-plus"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="zoom" data-option="-0.1" title="Zoom Out">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;zoom&quot;, -0.1)">
-              <span class="fa fa-search-minus"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;zoom&quot;, -0.1)">
+                                          <span class="fa fa-search-minus"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="move" data-option="-10" data-second-option="0" title="Move Left">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, -10, 0)">
-              <span class="fa fa-arrow-left"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, -10, 0)">
+                                          <span class="fa fa-arrow-left"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="move" data-option="10" data-second-option="0" title="Move Right">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 10, 0)">
-              <span class="fa fa-arrow-right"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 10, 0)">
+                                          <span class="fa fa-arrow-right"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="move" data-option="0" data-second-option="-10" title="Move Up">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 0, -10)">
-              <span class="fa fa-arrow-up"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 0, -10)">
+                                          <span class="fa fa-arrow-up"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="move" data-option="0" data-second-option="10" title="Move Down">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 0, 10)">
-              <span class="fa fa-arrow-down"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;move&quot;, 0, 10)">
+                                          <span class="fa fa-arrow-down"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="rotate" data-option="-45" title="Rotate Left">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;rotate&quot;, -45)">
-              <span class="fa fa-rotate-left"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;rotate&quot;, -45)">
+                                          <span class="fa fa-rotate-left"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="rotate" data-option="45" title="Rotate Right">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;rotate&quot;, 45)">
-              <span class="fa fa-rotate-right"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;rotate&quot;, 45)">
+                                          <span class="fa fa-rotate-right"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="scaleX" data-option="-1" title="Flip Horizontal">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;scaleX&quot;, -1)">
-              <span class="fa fa-arrows-h"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;scaleX&quot;, -1)">
+                                          <span class="fa fa-arrows-h"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="scaleY" data-option="-1" title="Flip Vertical">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;scaleY&quot;, -1)">
-              <span class="fa fa-arrows-v"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;scaleY&quot;, -1)">
+                                          <span class="fa fa-arrows-v"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="crop" title="Crop">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;crop&quot;)">
-              <span class="fa fa-check"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;crop&quot;)">
+                                          <span class="fa fa-check"></span>
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-primary" data-method="clear" title="Clear">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;clear&quot;)">
-              <span class="fa fa-remove"></span>
-            </span>
-                                    </button>
-                                </div>
-
-                                <div class="btn-group">
-                                    <button type="button" class="btn btn-primary" data-method="disable" title="Disable">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;disable&quot;)">
-              <span class="fa fa-lock"></span>
-            </span>
-                                    </button>
-                                    <button type="button" class="btn btn-primary" data-method="enable" title="Enable">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;enable&quot;)">
-              <span class="fa fa-unlock"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;clear&quot;)">
+                                          <span class="fa fa-remove"></span>
+                                        </span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-primary" data-method="reset" title="Reset">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="重置位置">
-              <span class="fa fa-refresh"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="重置位置">
+                                          <span class="fa fa-refresh"></span>
+                                        </span>
                                     </button>
                                     <label class="btn btn-primary btn-upload" for="inputImage" title="Upload image file">
                                         <input type="file" class="sr-only" id="inputImage" name="file" accept=".jpg,.jpeg,.png,.gif,.bmp,.tiff">
-                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="选择图片(.jpg,.jpeg,.png,.gif,.bmp,.tiff)">
-              <span class="fa fa-upload"></span>
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="选择本地图片">
+                                          <span class="fa fa-upload"></span>
+                                        </span>
                                     </label>
                                 </div>
 
                                 <div class="btn-group btn-group-crop">
                                     <button id="uploadAvatar" type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;maxWidth&quot;: 100, &quot;maxHeight&quot;: 100 }">
-                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 100, maxHeight: 100 })">上传头像</span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 100, maxHeight: 100 })">上传预览</span>
                                     </button>
                                 </div>
 
                                 <div class="btn-group btn-group-crop">
                                     <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 200, &quot;height&quot;: 200 }">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 200, height: 200 })">
-              200&times;200
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 200, height: 200 })">
+                                          200&times;200
+                                        </span>
                                     </button>
                                     <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 300, &quot;height&quot;: 300 }">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 300, height: 300 })">
-              300&times;300
-            </span>
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { width: 300, height: 300 })">
+                                          300&times;300
+                                        </span>
                                     </button>
                                 </div>