添加弹性框

src/components/Fullbox.vue

+<template>
+    <div style="display:flex" v-bind:class="classObj">
+        <div style="flex:1">
+            <slot>
+            </slot>
+        </div>
+        <div style="display:inline-block">
+            <slot name="footer"></slot>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    prop:{
+        align: {
+            type: [String],
+            default: 'row'
+        },
+    },
+    computed:{
+        classObj(){
+            return {
+                fullbox:true,
+                'fullbox-alignRow':this.align!='col',
+                'fullbox-alignCol':this.align=='col'
+            }
+        }
+    }
+    
+}
+</script>
+<style>
+    .fullbox{
+        display:flex;
+    }
+    .fullbox-alignRow{
+        flex-direction: row;
+    }
+    .fullbox-alignCol{
+        flex-direction: column;
+    }
+</style>
\ No newline at end of file

src/components/index.js

@@ -47,6 +47,7 @@ import BusinessButon from "./BusinessButton"
 
 import InfSearchGroup from "./InfSearchGroup"
 import InputSelect from "./InputSelect"
+import Fullbox from "./Fullbox"
 
 export default {
     install(Vue) {
@@ -97,5 +98,6 @@ export default {
         Vue.component("c-infsearch-group", InfSearchGroup)
         Vue.component("c-codelabel", CodeLabel)
         Vue.component("c-inputselect", InputSelect)
+        Vue.component("c-fullbox", Fullbox)
     }
 }
\ No newline at end of file