mirror of https://github.com/ElemeFE/element
48 lines
828 B
JavaScript
48 lines
828 B
JavaScript
export default {
|
|
name: 'ElRow',
|
|
|
|
componentName: 'ElRow',
|
|
|
|
props: {
|
|
tag: {
|
|
type: String,
|
|
default: 'div'
|
|
},
|
|
gutter: Number,
|
|
type: String,
|
|
justify: {
|
|
type: String,
|
|
default: 'start'
|
|
},
|
|
align: {
|
|
type: String,
|
|
default: 'top'
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
style() {
|
|
var ret = {};
|
|
|
|
if (this.gutter) {
|
|
ret.marginLeft = `-${this.gutter / 2}px`;
|
|
ret.marginRight = ret.marginLeft;
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
},
|
|
|
|
render(h) {
|
|
return h(this.tag, {
|
|
class: [
|
|
'el-row',
|
|
this.justify !== 'start' ? `is-justify-${this.justify}` : '',
|
|
this.align !== 'top' ? `is-align-${this.align}` : '',
|
|
{ 'el-row--flex': this.type === 'flex' }
|
|
],
|
|
style: this.style
|
|
}, this.$slots.default);
|
|
}
|
|
};
|