50 lines
875 B
JavaScript
50 lines
875 B
JavaScript
import { createNamespace, addUnit } from '../utils';
|
|
import { ParentMixin } from '../mixins/relation';
|
|
|
|
const [createComponent, bem] = createNamespace('grid');
|
|
|
|
export default createComponent({
|
|
mixins: [ParentMixin('vanGrid')],
|
|
|
|
props: {
|
|
square: Boolean,
|
|
gutter: [Number, String],
|
|
clickable: Boolean,
|
|
columnNum: {
|
|
type: Number,
|
|
default: 4
|
|
},
|
|
center: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
border: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
style() {
|
|
const { gutter } = this;
|
|
|
|
if (gutter) {
|
|
return {
|
|
paddingLeft: addUnit(gutter)
|
|
};
|
|
}
|
|
}
|
|
},
|
|
|
|
render() {
|
|
return (
|
|
<div
|
|
style={this.style}
|
|
class={[bem(), { 'van-hairline--top': this.border && !this.gutter }]}
|
|
>
|
|
{this.slots()}
|
|
</div>
|
|
);
|
|
}
|
|
});
|