1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- 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() {
- const 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);
- }
- };
|