vant/packages/row/src/row.vue
wny b98a624960 补充 Col & Row 测试用例 (#16)
* layout test

* fix row

* update layout test
2017-04-26 10:07:09 +08:00

33 lines
563 B
Vue

<template>
<div
:class="`${prefix}-row`"
:style="style">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'van-row',
props: {
prefix: {
type: String,
default: 'van'
},
gutter: {
type: [Number, String],
default: 0
}
},
computed: {
style() {
const gutter = Number(this.gutter);
const margin = `-${gutter / 2}px`;
return gutter
? { marginLeft: margin, marginRight: margin }
: {};
}
}
};
</script>