From 3d9689863e5972dfdc9f4a227958fdedff0615be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=A5=E8=BE=B9=E9=A1=B5=E5=AD=97?= <1096032096@qq.com>
Date: Mon, 12 Aug 2024 16:10:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20bfc=E8=A7=A3=E5=86=B3icon=E7=9A=84demo?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E7=9B=92=E5=AD=90=E8=83=8C=E6=99=AF=E4=B8=8D?=
 =?UTF-8?q?=E8=A2=AB=E6=92=91=E5=BC=80=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vantui/src/icon/demo/demo1.tsx | 4 ++--
 packages/vantui/src/icon/demo/demo2.tsx | 6 +++---
 packages/vantui/src/icon/demo/demo3.tsx | 7 ++++---
 packages/vantui/src/icon/demo/demo4.tsx | 7 ++++---
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/vantui/src/icon/demo/demo1.tsx b/packages/vantui/src/icon/demo/demo1.tsx
index 98fe8ac0..1617eb15 100644
--- a/packages/vantui/src/icon/demo/demo1.tsx
+++ b/packages/vantui/src/icon/demo/demo1.tsx
@@ -3,7 +3,7 @@ import { Row, Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    <View style={{ overflow: 'hidden' }}>
       <Row>
         <View className="demo-block__title">基本用法</View>
         <Col className="col" span="6">
@@ -70,6 +70,6 @@ export default function Demo() {
           <Icon name="demo3" classPrefix="page-icon" size="40px" />
         </Col>
       </Row>
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo2.tsx b/packages/vantui/src/icon/demo/demo2.tsx
index e78932f0..40c821a2 100644
--- a/packages/vantui/src/icon/demo/demo2.tsx
+++ b/packages/vantui/src/icon/demo/demo2.tsx
@@ -1,10 +1,10 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    <View style={{ overflow: 'hidden' }}>
       {icons.basic.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +15,6 @@ export default function Demo() {
           <Text>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo3.tsx b/packages/vantui/src/icon/demo/demo3.tsx
index 893371b6..a7d55d2f 100644
--- a/packages/vantui/src/icon/demo/demo3.tsx
+++ b/packages/vantui/src/icon/demo/demo3.tsx
@@ -1,10 +1,11 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.outline.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +16,6 @@ export default function Demo() {
           <Text style={{ textAlign: 'center' }}>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo4.tsx b/packages/vantui/src/icon/demo/demo4.tsx
index 7b8d7ae7..738bdb75 100644
--- a/packages/vantui/src/icon/demo/demo4.tsx
+++ b/packages/vantui/src/icon/demo/demo4.tsx
@@ -1,10 +1,11 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.filled.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +16,6 @@ export default function Demo() {
           <Text style={{ textAlign: 'center' }}>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }