fix: 改用 space 标签

jdf2e · Dec 4, 2024 · 88379d4 · 88379d4
1 parent 1169045
commit 88379d4
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 30 deletions.
diff --git 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
@@ -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
@@ -1,21 +1,20 @@
 import React from 'react'
-import { View } from '@tarojs/components'
 import { Space, Button, Cell } from '@nutui/nutui-react-taro'
 
 const Demo5 = () => {
   return (
     <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
@@ -1,21 +1,20 @@
 import React from 'react'
-import { View } from '@tarojs/components'
 import { Space, Button, Cell } from '@nutui/nutui-react-taro'
 
 const Demo6 = () => {
   return (
     <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>
   )