12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var component_1 = require('../common/component');
- component_1.VantComponent({
- relation: {
- name: 'col',
- type: 'descendant',
- current: 'row',
- linked: function (target) {
- if (this.data.gutter) {
- target.setGutter(this.data.gutter);
- }
- },
- },
- props: {
- gutter: {
- type: Number,
- observer: 'setGutter',
- },
- },
- data: {
- viewStyle: '',
- },
- mounted: function () {
- if (this.data.gutter) {
- this.setGutter();
- }
- },
- methods: {
- setGutter: function () {
- var _this = this;
- var gutter = this.data.gutter;
- var margin = '-' + Number(gutter) / 2 + 'px';
- var viewStyle = gutter
- ? 'margin-right: ' + margin + '; margin-left: ' + margin + ';'
- : '';
- this.setData({ viewStyle: viewStyle });
- this.getRelationNodes('../col/index').forEach(function (col) {
- col.setGutter(_this.data.gutter);
- });
- },
- },
- });
|