| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 | import { VantComponent } from '../common/component';import { useChildren } from '../common/relation';VantComponent({    relation: useChildren('grid-item'),    props: {        square: {            type: Boolean,            observer: 'updateChildren',        },        gutter: {            type: null,            value: 0,            observer: 'updateChildren',        },        clickable: {            type: Boolean,            observer: 'updateChildren',        },        columnNum: {            type: Number,            value: 4,            observer: 'updateChildren',        },        center: {            type: Boolean,            value: true,            observer: 'updateChildren',        },        border: {            type: Boolean,            value: true,            observer: 'updateChildren',        },        direction: {            type: String,            observer: 'updateChildren',        },        iconSize: {            type: String,            observer: 'updateChildren',        },        reverse: {            type: Boolean,            value: false,            observer: 'updateChildren',        },    },    methods: {        updateChildren() {            this.children.forEach((child) => {                child.updateStyle();            });        },    },});
 |