vant
This commit is contained in:
36
utils/dist/row/index.js
vendored
Normal file
36
utils/dist/row/index.js
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
relation: {
|
||||
name: 'col',
|
||||
type: 'descendant',
|
||||
linked(target) {
|
||||
if (this.data.gutter) {
|
||||
target.setGutter(this.data.gutter);
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
gutter: Number
|
||||
},
|
||||
watch: {
|
||||
gutter: 'setGutter'
|
||||
},
|
||||
mounted() {
|
||||
if (this.data.gutter) {
|
||||
this.setGutter();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setGutter() {
|
||||
const { gutter } = this.data;
|
||||
const margin = `-${Number(gutter) / 2}px`;
|
||||
const style = gutter
|
||||
? `margin-right: ${margin}; margin-left: ${margin};`
|
||||
: '';
|
||||
this.setData({ style });
|
||||
this.getRelationNodes('../col/index').forEach(col => {
|
||||
col.setGutter(this.data.gutter);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user