Commit 18874ab7 by fukai

添加弹性框

parent 9fcba26d
<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
......@@ -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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment