index.js 999 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. import { VantComponent } from '../common/component';
  2. VantComponent({
  3. relation: {
  4. name: 'grid-item',
  5. type: 'descendant',
  6. current: 'grid',
  7. },
  8. props: {
  9. square: {
  10. type: Boolean,
  11. observer: 'updateChildren',
  12. },
  13. gutter: {
  14. type: [Number, String],
  15. value: 0,
  16. observer: 'updateChildren',
  17. },
  18. clickable: {
  19. type: Boolean,
  20. observer: 'updateChildren',
  21. },
  22. columnNum: {
  23. type: Number,
  24. value: 4,
  25. observer: 'updateChildren',
  26. },
  27. center: {
  28. type: Boolean,
  29. value: true,
  30. observer: 'updateChildren',
  31. },
  32. border: {
  33. type: Boolean,
  34. value: true,
  35. observer: 'updateChildren',
  36. },
  37. direction: {
  38. type: String,
  39. observer: 'updateChildren',
  40. },
  41. iconSize: {
  42. type: String,
  43. observer: 'updateChildren',
  44. },
  45. },
  46. methods: {
  47. updateChildren() {
  48. this.children.forEach((child) => {
  49. child.updateStyle();
  50. });
  51. },
  52. },
  53. });