docs: prettier all markdown files
This commit is contained in:
+16
-18
@@ -38,12 +38,10 @@ Layout are based on 24-column. The attribute `span` in `Col` means the number of
|
||||
</van-row>
|
||||
```
|
||||
|
||||
|
||||
### Column Spacing
|
||||
|
||||
Set grid spacing using `gutter` attribute. The default value is 0
|
||||
|
||||
|
||||
```html
|
||||
<van-row gutter="20">
|
||||
<van-col span="8">span: 8</van-col>
|
||||
@@ -93,29 +91,29 @@ Setting `type` to `flex` to enable flex layout
|
||||
### Row Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|------|------|------|------|
|
||||
| type | Layout type, can be set to `flex` | *string* | - |
|
||||
| gutter | Grid spacing(px) | *number \| string* | - |
|
||||
| tag | Custom element tag | *string* | `div` |
|
||||
| justify | Flex main axis,can be set to end/center/space-around/space-between | *string* | `start` |
|
||||
| align | Flex cross axis, be set to center/bottom | *string* | `top` |
|
||||
| --- | --- | --- | --- |
|
||||
| type | Layout type, can be set to `flex` | _string_ | - |
|
||||
| gutter | Grid spacing(px) | _number \| string_ | - |
|
||||
| tag | Custom element tag | _string_ | `div` |
|
||||
| justify | Flex main axis,can be set to end/center/space-around/space-between | _string_ | `start` |
|
||||
| align | Flex cross axis, be set to center/bottom | _string_ | `top` |
|
||||
|
||||
### Col Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|------|------|------|------|
|
||||
| span | number of column the grid spans | *number \| string* | - |
|
||||
| offset | number of spacing on the left side of the grid | *number \| string* | - |
|
||||
| tag | Custom element tag | *string* | `div` |
|
||||
| --- | --- | --- | --- |
|
||||
| span | number of column the grid spans | _number \| string_ | - |
|
||||
| offset | number of spacing on the left side of the grid | _number \| string_ | - |
|
||||
| tag | Custom element tag | _string_ | `div` |
|
||||
|
||||
### Row Events
|
||||
|
||||
| Event | Description | Arguments |
|
||||
|------|------|------|
|
||||
| click | Triggered when click row | *event: Event* |
|
||||
| Event | Description | Arguments |
|
||||
| ----- | ------------------------ | -------------- |
|
||||
| click | Triggered when click row | _event: Event_ |
|
||||
|
||||
### Col Events
|
||||
|
||||
| Event | Description | Arguments |
|
||||
|------|------|------|
|
||||
| click | Triggered when click col | *event: Event* |
|
||||
| Event | Description | Arguments |
|
||||
| ----- | ------------------------ | -------------- |
|
||||
| click | Triggered when click col | _event: Event_ |
|
||||
|
||||
+18
-18
@@ -18,7 +18,7 @@ Vue.use(Row);
|
||||
|
||||
### 基础用法
|
||||
|
||||
Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置列所占的宽度百分比
|
||||
Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置列所占的宽度百分比
|
||||
此外,添加`offset`属性可以设置列的偏移宽度,计算方式与 span 相同
|
||||
|
||||
```html
|
||||
@@ -96,29 +96,29 @@ Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置
|
||||
### Row Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|------|------|------|------|
|
||||
| type | 布局方式,可选值为`flex` | *string* | - |
|
||||
| gutter | 列元素之间的间距(单位为px) | *number \| string* | - |
|
||||
| tag | 自定义元素标签 | *string* | `div` |
|
||||
| justify | Flex 主轴对齐方式,可选值为 `end` `center` <br> `space-around` `space-between` | *string* | `start` |
|
||||
| align | Flex 交叉轴对齐方式,可选值为 `center` `bottom` | *string* | `top` |
|
||||
| --- | --- | --- | --- |
|
||||
| type | 布局方式,可选值为`flex` | _string_ | - |
|
||||
| gutter | 列元素之间的间距(单位为 px) | _number \| string_ | - |
|
||||
| tag | 自定义元素标签 | _string_ | `div` |
|
||||
| justify | Flex 主轴对齐方式,可选值为 `end` `center` <br> `space-around` `space-between` | _string_ | `start` |
|
||||
| align | Flex 交叉轴对齐方式,可选值为 `center` `bottom` | _string_ | `top` |
|
||||
|
||||
### Col Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|------|------|------|------|
|
||||
| span | 列元素宽度 | *number \| string* | - |
|
||||
| offset | 列元素偏移距离 | *number \| string* | - |
|
||||
| tag | 自定义元素标签 | *string* | `div` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| ------ | -------------- | ------------------ | ------ |
|
||||
| span | 列元素宽度 | _number \| string_ | - |
|
||||
| offset | 列元素偏移距离 | _number \| string_ | - |
|
||||
| tag | 自定义元素标签 | _string_ | `div` |
|
||||
|
||||
### Row Events
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
|------|------|------|
|
||||
| click | 点击时触发 | *event: Event* |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------ | ---------- | -------------- |
|
||||
| click | 点击时触发 | _event: Event_ |
|
||||
|
||||
### Col Events
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
|------|------|------|
|
||||
| click | 点击时触发 | *event: Event* |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------ | ---------- | -------------- |
|
||||
| click | 点击时触发 | _event: Event_ |
|
||||
|
||||
Reference in New Issue
Block a user