1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var component_1 = require("../common/component");
- var utils_1 = require("../common/utils");
- component_1.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'
- }
- },
- data: {
- viewStyle: '',
- },
- created: function () {
- var gutter = this.data.gutter;
- if (gutter) {
- this.setData({
- viewStyle: "padding-left: " + utils_1.addUnit(gutter)
- });
- }
- },
- methods: {
- updateChildren: function () {
- this.children.forEach(function (child) {
- child.updateStyle();
- });
- }
- }
- });
|