30 lines
519 B
Vue
30 lines
519 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: [Number, String]
|
|
},
|
|
computed: {
|
|
style() {
|
|
const gutter = Number(this.gutter);
|
|
const margin = `-${gutter / 2}px`;
|
|
return gutter
|
|
? { marginLeft: margin, marginRight: margin }
|
|
: {};
|
|
}
|
|
}
|
|
};
|
|
</script>
|