Merge branch 'dev' into next
This commit is contained in:
+3
-3
@@ -2,7 +2,7 @@
|
||||
|
||||
### Intro
|
||||
|
||||
Quickly and easily create layouts with `van-row` and `van-col`
|
||||
Quickly and easily create layouts with `van-row` and `van-col`.
|
||||
|
||||
### Install
|
||||
|
||||
@@ -41,7 +41,7 @@ Layout are based on 24-column. The attribute `span` in `Col` means the number of
|
||||
|
||||
### Column Spacing
|
||||
|
||||
Set grid spacing using `gutter` attribute. The default value is 0
|
||||
Set grid spacing using `gutter` attribute. The default value is 0.
|
||||
|
||||
```html
|
||||
<van-row gutter="20">
|
||||
@@ -53,7 +53,7 @@ Set grid spacing using `gutter` attribute. The default value is 0
|
||||
|
||||
### Flex Layout
|
||||
|
||||
Setting `type` to `flex` to enable flex layout
|
||||
Setting `type` to `flex` to enable flex layout.
|
||||
|
||||
```html
|
||||
<van-row type="flex">
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
### 介绍
|
||||
|
||||
Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
|
||||
Layout 提供了 `van-row` 和 `van-col` 两个组件来进行行列布局。
|
||||
|
||||
### 引入
|
||||
|
||||
@@ -19,8 +19,7 @@ app.use(Row);
|
||||
|
||||
### 基础用法
|
||||
|
||||
Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置列所占的宽度百分比
|
||||
此外,添加`offset`属性可以设置列的偏移宽度,计算方式与 span 相同
|
||||
Layout 组件提供了 `24列栅格`,通过在 `Col` 上添加 `span` 属性设置列所占的宽度百分比。此外,添加 `offset` 属性可以设置列的偏移宽度,计算方式与 span 相同。
|
||||
|
||||
```html
|
||||
<van-row>
|
||||
@@ -41,7 +40,7 @@ Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置
|
||||
|
||||
### 设置列元素间距
|
||||
|
||||
通过`gutter`属性可以设置列元素之间的间距,默认间距为 0
|
||||
通过 `gutter` 属性可以设置列元素之间的间距,默认间距为 0。
|
||||
|
||||
```html
|
||||
<van-row gutter="20">
|
||||
@@ -53,7 +52,7 @@ Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置
|
||||
|
||||
### Flex 布局
|
||||
|
||||
将 `type` 属性设置为 flex 可以启用 flex 布局,便于进行灵活的对齐
|
||||
将 `type` 属性设置为 flex 可以启用 flex 布局,便于进行灵活的对齐。
|
||||
|
||||
```html
|
||||
<!-- 左对齐 -->
|
||||
|
||||
Reference in New Issue
Block a user