You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							53 lines
						
					
					
						
							999 B
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							53 lines
						
					
					
						
							999 B
						
					
					
				
								import { VantComponent } from '../common/component';
							 | 
						|
								VantComponent({
							 | 
						|
								  relation: {
							 | 
						|
								    name: 'grid-item',
							 | 
						|
								    type: 'descendant',
							 | 
						|
								    current: 'grid',
							 | 
						|
								  },
							 | 
						|
								  props: {
							 | 
						|
								    square: {
							 | 
						|
								      type: Boolean,
							 | 
						|
								      observer: 'updateChildren',
							 | 
						|
								    },
							 | 
						|
								    gutter: {
							 | 
						|
								      type: [Number, String],
							 | 
						|
								      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',
							 | 
						|
								    },
							 | 
						|
								  },
							 | 
						|
								  methods: {
							 | 
						|
								    updateChildren() {
							 | 
						|
								      this.children.forEach((child) => {
							 | 
						|
								        child.updateStyle();
							 | 
						|
								      });
							 | 
						|
								    },
							 | 
						|
								  },
							 | 
						|
								});
							 |