From 88379d47825d487fc7bde62fb86b88b0414cb376 Mon Sep 17 00:00:00 2001
From: hanyuxinting <hanyuxinting@sina.cn>
Date: Wed, 4 Dec 2024 15:54:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=94=B9=E7=94=A8=20space=20=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/space/demos/h5/demo5.tsx   | 14 +++++++-------
 src/packages/space/demos/h5/demo6.tsx   | 14 +++++++-------
 src/packages/space/demos/taro/demo5.tsx | 15 +++++++--------
 src/packages/space/demos/taro/demo6.tsx | 15 +++++++--------
 4 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/src/packages/space/demos/h5/demo5.tsx b/src/packages/space/demos/h5/demo5.tsx
index b1bfd15705..9c3395a617 100644
--- a/src/packages/space/demos/h5/demo5.tsx
+++ b/src/packages/space/demos/h5/demo5.tsx
@@ -6,15 +6,15 @@ const Demo5 = () => {
     <Cell>
       <Space justify="start" wrap>
         <Button>按钮1</Button>
-        <div>
-          <Button style={{ marginBottom: 5 }}>按钮2</Button>
+        <Space direction="vertical">
           <Button>按钮2</Button>
-        </div>
-        <div>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
+          <Button>按钮2</Button>
+        </Space>
+        <Space direction="vertical">
+          <Button>按钮3</Button>
+          <Button>按钮3</Button>
           <Button>按钮3</Button>
-        </div>
+        </Space>
       </Space>
     </Cell>
   )
diff --git a/src/packages/space/demos/h5/demo6.tsx b/src/packages/space/demos/h5/demo6.tsx
index ac99a2e6cc..e8020e71d5 100644
--- a/src/packages/space/demos/h5/demo6.tsx
+++ b/src/packages/space/demos/h5/demo6.tsx
@@ -6,15 +6,15 @@ const Demo6 = () => {
     <Cell>
       <Space align="end" wrap>
         <Button>按钮1</Button>
-        <div>
-          <Button style={{ marginBottom: 5 }}>按钮2</Button>
+        <Space direction="vertical">
           <Button>按钮2</Button>
-        </div>
-        <div>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
+          <Button>按钮2</Button>
+        </Space>
+        <Space direction="vertical">
+          <Button>按钮3</Button>
+          <Button>按钮3</Button>
           <Button>按钮3</Button>
-        </div>
+        </Space>
       </Space>
     </Cell>
   )
diff --git a/src/packages/space/demos/taro/demo5.tsx b/src/packages/space/demos/taro/demo5.tsx
index 5ac53705bf..c55b48554f 100644
--- a/src/packages/space/demos/taro/demo5.tsx
+++ b/src/packages/space/demos/taro/demo5.tsx
@@ -1,5 +1,4 @@
 import React from 'react'
-import { View } from '@tarojs/components'
 import { Space, Button, Cell } from '@nutui/nutui-react-taro'
 
 const Demo5 = () => {
@@ -7,15 +6,15 @@ const Demo5 = () => {
     <Cell>
       <Space justify="start" wrap>
         <Button>按钮1</Button>
-        <View>
-          <Button style={{ marginBottom: 5 }}>按钮2</Button>
+        <Space direction="vertical">
           <Button>按钮2</Button>
-        </View>
-        <View>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
+          <Button>按钮2</Button>
+        </Space>
+        <Space direction="vertical">
+          <Button>按钮3</Button>
+          <Button>按钮3</Button>
           <Button>按钮3</Button>
-        </View>
+        </Space>
       </Space>
     </Cell>
   )
diff --git a/src/packages/space/demos/taro/demo6.tsx b/src/packages/space/demos/taro/demo6.tsx
index 3cd6f870ac..52de34e351 100644
--- a/src/packages/space/demos/taro/demo6.tsx
+++ b/src/packages/space/demos/taro/demo6.tsx
@@ -1,5 +1,4 @@
 import React from 'react'
-import { View } from '@tarojs/components'
 import { Space, Button, Cell } from '@nutui/nutui-react-taro'
 
 const Demo6 = () => {
@@ -7,15 +6,15 @@ const Demo6 = () => {
     <Cell>
       <Space align="end" wrap>
         <Button>按钮1</Button>
-        <View>
-          <Button style={{ marginBottom: 5 }}>按钮2</Button>
+        <Space direction="vertical">
           <Button>按钮2</Button>
-        </View>
-        <View>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
-          <Button style={{ marginBottom: 5 }}>按钮3</Button>
+          <Button>按钮2</Button>
+        </Space>
+        <Space direction="vertical">
+          <Button>按钮3</Button>
+          <Button>按钮3</Button>
           <Button>按钮3</Button>
-        </View>
+        </Space>
       </Space>
     </Cell>
   )