Skip to content

Commit

Permalink
docs(space): update #2687
Browse files Browse the repository at this point in the history
  • Loading branch information
eiinu committed Nov 24, 2023
1 parent 23fcdce commit 97012c2
Show file tree
Hide file tree
Showing 3 changed files with 19 additions and 19 deletions.
14 changes: 7 additions & 7 deletions src/packages/__VUE/space/doc.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ Sets the spacing between elements. Available in `NutUI` >= 4.2.0.

### Install

```javascript
```js
import { createApp } from 'vue';
import { Space } from '@nutui/nutui';

Expand All @@ -20,7 +20,7 @@ The Space component sets a certain spacing between the subcomponents, the defaul

:::demo

```html
```vue
<template>
<nut-space>
<nut-button type="primary">Button</nut-button>
Expand All @@ -39,7 +39,7 @@ By setting the direction property to vertical, you can set the spacing of the ve

:::demo

```html
```vue
<template>
<nut-space direction="vertical" fill>
<nut-button type="primary" block>Button</nut-button>
Expand All @@ -59,7 +59,7 @@ You can also set css variables -nut-space-gap control, priority: gutter>css Vari

:::demo

```html
```vue
<template>
<!-- gutter -->
<nut-space :gutter="20">
Expand Down Expand Up @@ -88,7 +88,7 @@ In horizontal mode, the wrap property controls whether child elements are wrappe

:::demo

```html
```vue
<template>
<nut-space wrap>
<nut-button type="primary" block>Button</nut-button>
Expand Down Expand Up @@ -127,8 +127,8 @@ In horizontal mode, the wrap property controls whether child elements are wrappe
### CSS Variables

The component provides the following CSS variables, which can be used to customize styles. Please refer
to [ConfigProvider component](#/zh-CN/component/configprovider)
to [ConfigProvider component](#/en-US/component/configprovider)

| Name | Default | Description |
| --- | --- | --- |
| \--nutui-space-gap | `8px` | Spacing size |
| \--nut-space-gap | `8px` | Spacing size |
12 changes: 6 additions & 6 deletions src/packages/__VUE/space/doc.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

### 安装

```javascript
```js
import { createApp } from 'vue';
import { Space } from '@nutui/nutui';

Expand All @@ -20,7 +20,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space>
<nut-button type="primary">按钮</nut-button>
Expand All @@ -39,7 +39,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space direction="vertical" fill>
<nut-button type="primary" block>按钮</nut-button>
Expand All @@ -59,7 +59,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<!-- gutter控制 -->
<nut-space :gutter="20">
Expand Down Expand Up @@ -88,7 +88,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space wrap>
<nut-button type="primary" block>按钮</nut-button>
Expand Down Expand Up @@ -130,4 +130,4 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

| 名称 | 默认值 | 描述 |
| --- | --- | --- |
| \--nutui-space-gap | `8px` | 间距大小 |
| \--nut-space-gap | `8px` | 间距大小 |
12 changes: 6 additions & 6 deletions src/packages/__VUE/space/doc.taro.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

### 安装

```javascript
```js
import { createApp } from 'vue';
import { Space } from '@nutui/nutui-taro';

Expand All @@ -20,7 +20,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space>
<nut-button type="primary">按钮</nut-button>
Expand All @@ -39,7 +39,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space direction="vertical" fill>
<nut-button type="primary" block>按钮</nut-button>
Expand All @@ -59,7 +59,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<!-- gutter控制 -->
<nut-space :gutter="20">
Expand Down Expand Up @@ -88,7 +88,7 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

:::demo

```html
```vue
<template>
<nut-space wrap>
<nut-button type="primary" block>按钮</nut-button>
Expand Down Expand Up @@ -130,4 +130,4 @@ Space 组件会在各个子组件之间设置一定的间距,默认间距为 8

| 名称 | 默认值 | 描述 |
| --- | --- | --- |
| \--nutui-space-gap | `8px` | 间距大小 |
| \--nut-space-gap | `8px` | 间距大小 |

0 comments on commit 97012c2

Please sign in to comment.