mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
37 lines
652 B
Vue
37 lines
652 B
Vue
<template>
|
|
<component
|
|
:is="tag"
|
|
:class="b({ [span]: span, [`offset-${offset}`]: offset })"
|
|
:style="style"
|
|
>
|
|
<slot />
|
|
</component>
|
|
</template>
|
|
|
|
<script>
|
|
import create from '../utils/create';
|
|
|
|
export default create({
|
|
name: 'col',
|
|
|
|
props: {
|
|
span: [Number, String],
|
|
offset: [Number, String],
|
|
tag: {
|
|
type: String,
|
|
default: 'div'
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
gutter() {
|
|
return (this.$parent && Number(this.$parent.gutter)) || 0;
|
|
},
|
|
style() {
|
|
const padding = `${this.gutter / 2}px`;
|
|
return this.gutter ? { paddingLeft: padding, paddingRight: padding } : {};
|
|
}
|
|
}
|
|
});
|
|
</script>
|