ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Improvement] Layout: support flex (#1305)

Browse Source
This commit is contained in:
neverland
2018-06-19 22:54:02 +08:00
committed by GitHub
parent 6e25b9823a
commit c368e36aea
10 changed files with 321 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/col/demo/index.vue
View File

@@ -24,6 +24,38 @@
<van-col span="8">span: 8</van-col>
</van-row>
</demo-block>
<demo-block :title="$t('title3')">
<van-row type="flex">
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
</van-row>
<van-row type="flex" justify="center">
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
</van-row>
<van-row type="flex" justify="end">
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
</van-row>
<van-row type="flex" justify="space-between">
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
</van-row>
<van-row type="flex" justify="space-around">
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
<van-col span="6">span: 6</van-col>
</van-row>
</demo-block>
</demo-section>
</template>
@@ -31,10 +63,12 @@
export default {
i18n: {
'zh-CN': {
title2: '在列元素之间增加间距'
title2: '在列元素之间增加间距',
title3: 'Flex 布局'
},
'en-US': {
title2: 'Column Spacing'
title2: 'Column Spacing',
title3: 'Flex Layout'
}
}
};