docs: 官网icon的demo浮动导致icon超出盒子之外问题修复 (#674)

AntmJS · Aug 15, 2024 · 4b0d153 · 4b0d153
1 parent a4f0596
commit 4b0d153
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git 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
@@ -1,11 +1,11 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 import * as computed from '../wxs'
 
 export default function Demo() {
   return (
-    <>
+    <View style={{ overflow: 'hidden' }}>
       {icons.basic.map((name, i) => (
         <Col
           key={i}
@@ -17,6 +17,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
@@ -1,11 +1,12 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 import * as computed from '../wxs'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.outline.map((name, i) => (
         <Col
           key={i}
@@ -17,6 +18,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
@@ -1,11 +1,12 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 import * as computed from '../wxs'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.filled.map((name, i) => (
         <Col
           key={i}
@@ -17,6 +18,6 @@ export default function Demo() {
           <Text style={{ textAlign: 'center' }}>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }