| 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();
 
-             });
 
-         },
 
-     },
 
- });
 
 
  |