Browse Source

调整UI布局

任一存 1 year ago
parent
commit
8c74b2734a
1 changed files with 23 additions and 10 deletions
  1. 23 10
      src/App.vue

+ 23 - 10
src/App.vue

@@ -159,34 +159,40 @@
             step="any"
           />
         </el-form-item>
-        <div class="btn-group">
+        <el-button
+          type="primary"
+          @click="onAddPoint"
+        >
+          确定
+        </el-button>
+      </el-form>
+      <div class="edit-button-group">
+        <div class="button-row">
           <el-button
+            class="btn"
             :disabled="rawWholeDataHistory.currentIdx <= 0"
             @click="onAddPointUndo"
           >
             undo
           </el-button>
           <el-button
+            class="btn"
             :disabled="rawWholeDataHistory.currentIdx === rawWholeDataHistory.history.length - 1"
             @click="onAddPointRedo"
           >
             redo
           </el-button>
-          <el-button
-            type="primary"
-            @click="onAddPoint"
-          >
-            确定
-          </el-button>
         </div>
-        <div class="btn-group">
+        <div class="button-row">
           <el-button
+            class="btn"
             :disabled="rawWholeDataHistory.currentIdx < 0"
             @click="restoreRawWholeData"
           >
             复原
           </el-button>
           <el-button
+            class="btn"
             type="primary"
             :disabled="rawWholeDataHistory.currentIdx < 0"
             @click="uploadAddPointResult"
@@ -202,7 +208,7 @@
         >
           {{ item.length }}
         </div> -->
-      </el-form>
+      </div>
     </div>
 
     <PointEditor
@@ -1142,7 +1148,7 @@ export default {
   margin-bottom: 10px;
 }
 .map > .map-control-area > .panel > .btn {
-  margin: 10px;
+  margin: 5px;
 }
 .map > .map-control-area > .panel {
   padding-left: 10px;
@@ -1159,6 +1165,13 @@ export default {
 .map > .map-control-area > .add-point.panel > .btn-group {
   margin-bottom: 10px;
 }
+.map > .map-control-area > .edit-button-group > .button-row{
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-evenly;
+}
+.map > .map-control-area > .edit-button-group > .button-row > .btn {
+}
 
 .svgWrapper {
   display: inline-block;