静态数据编辑器基本完成

packages/bigscreen/designer/components/configItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="configItem">
+  <section class="configItem" :class="{topLabel}">
     <label v-text="label"/>
     <div class="content fill">
       <slot v-if="$slots.default"/>
@@ -12,12 +12,9 @@ export default {
   name: "configItem",
   props: {
     label: String,
-    value: {default: null}
+    value: {default: null},
+    topLabel: Boolean
   },
-  data() {
-    return {}
-  },
-  methods: {},
 }
 </script>
 <style scoped lang="scss">
@@ -27,6 +24,7 @@ export default {
   justify-content: space-between;
   margin-bottom: 10px;
 
+
   &:last-child {
     margin-bottom: 0;
   }
@@ -52,7 +50,7 @@ export default {
     color: #fff;
   }
 
-  .el-select,.ai-select {
+  .el-select, .ai-select {
     width: 100%;
 
     &:last-child {
@@ -82,5 +80,20 @@ export default {
     text-align: right;
     margin-left: 30px;
   }
+
+  &.topLabel {
+    flex-direction: column;
+    align-items: normal;
+
+    & > label {
+      margin-bottom: 8px;
+    }
+
+    .content {
+      flex-shrink: 0;
+      width: 100%;
+      margin-left: 0;
+    }
+  }
 }
 </style>