换ubuntu
This commit is contained in:
2
utils/dist/grid-item/index.d.ts
vendored
2
utils/dist/grid-item/index.d.ts
vendored
@@ -1 +1 @@
|
||||
export {};
|
||||
export {};
|
||||
|
||||
136
utils/dist/grid-item/index.js
vendored
136
utils/dist/grid-item/index.js
vendored
@@ -1,68 +1,68 @@
|
||||
import { link } from '../mixins/link';
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
VantComponent({
|
||||
relation: {
|
||||
name: 'grid',
|
||||
type: 'ancestor',
|
||||
linked(parent) {
|
||||
this.parent = parent;
|
||||
}
|
||||
},
|
||||
mixins: [link],
|
||||
props: {
|
||||
icon: String,
|
||||
dot: Boolean,
|
||||
info: null,
|
||||
text: String,
|
||||
useSlot: Boolean
|
||||
},
|
||||
mounted() {
|
||||
this.updateStyle();
|
||||
},
|
||||
methods: {
|
||||
updateStyle() {
|
||||
if (!this.parent) {
|
||||
return;
|
||||
}
|
||||
const { data, children } = this.parent;
|
||||
const { columnNum, border, square, gutter, clickable, center } = data;
|
||||
const width = `${100 / columnNum}%`;
|
||||
const styleWrapper = [];
|
||||
styleWrapper.push(`width: ${width}`);
|
||||
if (square) {
|
||||
styleWrapper.push(`padding-top: ${width}`);
|
||||
}
|
||||
if (gutter) {
|
||||
const gutterValue = addUnit(gutter);
|
||||
styleWrapper.push(`padding-right: ${gutterValue}`);
|
||||
const index = children.indexOf(this);
|
||||
if (index >= columnNum) {
|
||||
styleWrapper.push(`margin-top: ${gutterValue}`);
|
||||
}
|
||||
}
|
||||
let contentStyle = '';
|
||||
if (square && gutter) {
|
||||
const gutterValue = addUnit(gutter);
|
||||
contentStyle = `
|
||||
right: ${gutterValue};
|
||||
bottom: ${gutterValue};
|
||||
height: auto;
|
||||
`;
|
||||
}
|
||||
this.setData({
|
||||
style: styleWrapper.join('; '),
|
||||
contentStyle,
|
||||
center,
|
||||
border,
|
||||
square,
|
||||
gutter,
|
||||
clickable
|
||||
});
|
||||
},
|
||||
onClick() {
|
||||
this.$emit('click');
|
||||
this.jumpLink();
|
||||
}
|
||||
}
|
||||
});
|
||||
import { link } from '../mixins/link';
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
VantComponent({
|
||||
relation: {
|
||||
name: 'grid',
|
||||
type: 'ancestor',
|
||||
linked(parent) {
|
||||
this.parent = parent;
|
||||
}
|
||||
},
|
||||
mixins: [link],
|
||||
props: {
|
||||
icon: String,
|
||||
dot: Boolean,
|
||||
info: null,
|
||||
text: String,
|
||||
useSlot: Boolean
|
||||
},
|
||||
mounted() {
|
||||
this.updateStyle();
|
||||
},
|
||||
methods: {
|
||||
updateStyle() {
|
||||
if (!this.parent) {
|
||||
return;
|
||||
}
|
||||
const { data, children } = this.parent;
|
||||
const { columnNum, border, square, gutter, clickable, center } = data;
|
||||
const width = `${100 / columnNum}%`;
|
||||
const styleWrapper = [];
|
||||
styleWrapper.push(`width: ${width}`);
|
||||
if (square) {
|
||||
styleWrapper.push(`padding-top: ${width}`);
|
||||
}
|
||||
if (gutter) {
|
||||
const gutterValue = addUnit(gutter);
|
||||
styleWrapper.push(`padding-right: ${gutterValue}`);
|
||||
const index = children.indexOf(this);
|
||||
if (index >= columnNum) {
|
||||
styleWrapper.push(`margin-top: ${gutterValue}`);
|
||||
}
|
||||
}
|
||||
let contentStyle = '';
|
||||
if (square && gutter) {
|
||||
const gutterValue = addUnit(gutter);
|
||||
contentStyle = `
|
||||
right: ${gutterValue};
|
||||
bottom: ${gutterValue};
|
||||
height: auto;
|
||||
`;
|
||||
}
|
||||
this.setData({
|
||||
style: styleWrapper.join('; '),
|
||||
contentStyle,
|
||||
center,
|
||||
border,
|
||||
square,
|
||||
gutter,
|
||||
clickable
|
||||
});
|
||||
},
|
||||
onClick() {
|
||||
this.$emit('click');
|
||||
this.jumpLink();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
12
utils/dist/grid-item/index.json
vendored
12
utils/dist/grid-item/index.json
vendored
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index"
|
||||
}
|
||||
}
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index"
|
||||
}
|
||||
}
|
||||
|
||||
44
utils/dist/grid-item/index.wxml
vendored
44
utils/dist/grid-item/index.wxml
vendored
@@ -1,22 +1,22 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view class="{{ utils.bem('grid-item', { square }) }}" style="{{ style }}" bindtap="onClick">
|
||||
<view
|
||||
class="{{ utils.bem('grid-item__content', { center, square, clickable, surround: border && gutter }) }} {{ border ? 'van-hairline--surround' : '' }}"
|
||||
style="{{ contentStyle }}"
|
||||
>
|
||||
<block wx:if="{{ useSlot }}">
|
||||
<slot />
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="van-grid-item__icon">
|
||||
<van-icon wx:if="{{ icon }}" name="{{ icon }}" dot="{{ dot }}" info="{{ info }}" />
|
||||
<slot wx:else name="icon"></slot>
|
||||
</view>
|
||||
<view class="van-grid-item__text">
|
||||
<text wx:if="{{ text }}">{{ text }}</text>
|
||||
<slot wx:else name="text"></slot>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view class="{{ utils.bem('grid-item', { square }) }}" style="{{ style }}" bindtap="onClick">
|
||||
<view
|
||||
class="{{ utils.bem('grid-item__content', { center, square, clickable, surround: border && gutter }) }} {{ border ? 'van-hairline--surround' : '' }}"
|
||||
style="{{ contentStyle }}"
|
||||
>
|
||||
<block wx:if="{{ useSlot }}">
|
||||
<slot />
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="van-grid-item__icon">
|
||||
<van-icon wx:if="{{ icon }}" name="{{ icon }}" dot="{{ dot }}" info="{{ info }}" />
|
||||
<slot wx:else name="icon"></slot>
|
||||
</view>
|
||||
<view class="van-grid-item__text">
|
||||
<text wx:if="{{ text }}">{{ text }}</text>
|
||||
<slot wx:else name="text"></slot>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user