优化样式

source/src/devtools/global.less

@@ -25,3 +25,7 @@
 .el-tree {
   width: 100%;
 }
+
+* {
+  font-family: "PingFang SC", Arial, sans-serif;
+}

source/src/devtools/ui-prop.vue

@@ -1,13 +1,12 @@
 <template>
   <div id="ui-prop">
     <div class="normal-data" style="display: flex;flex-direction: row;align-items: center;min-height: 30px;margin: 0;">
-      <div @mousedown="onPropNameMouseDown" class="key"
-           :style="{'margin-left':indent*10+'px'}">
+      <div @mousedown="onPropNameMouseDown" class="key" @click="onClickFold">
         <i class=" data-arrow"
            v-if="arrow"
            :class="fold?'el-icon-caret-right':'el-icon-caret-bottom'"
-           :style="{'visibility':isArray()?'visible':'hidden'}"
-           @click="onClickFold"></i>
+           :style="{'visibility':isArray()?'visible':'hidden','margin-left':indent*10+'px'}">
+        </i>
         <div class="text">{{ name }}</div>
       </div>
       <div class="value">
@@ -284,7 +283,6 @@ export default class UiProp extends Vue {
 
       .text {
         user-select: none;
-        line-height: 30px;
         font-size: 12px;
         margin: 3px;
       }
@@ -317,8 +315,8 @@ export default class UiProp extends Vue {
         align-items: center;
 
         #ui-prop {
-          margin-top: 0;
-          margin-bottom: 0;
+          margin: 0 10px;
+          flex: 1;
 
           .normal-data {
             .value {
@@ -326,18 +324,25 @@ export default class UiProp extends Vue {
             }
 
             .key {
-              min-width: 20px;
+              min-width: unset;
+              display: block;
+              margin-right: 5px;
+              flex: unset;
+
+              .text {
+              }
+            }
+          }
         }
 
         #ui-prop:first-child {
-              margin-right: 20px;
+          margin-left: 0;
         }
 
         #ui-prop:last-child {
           margin-right: 0;
         }
       }
-        }
 
       .array-object {
         flex: 1;
@@ -370,5 +375,4 @@ export default class UiProp extends Vue {
     }
   }
 }
-}
 </style>