chore: 优化 Icon 示例页面排版 (#170)

uiwjs · Aug 12, 2021 · 7dddeaa · 7dddeaa
1 parent 331a0f1
commit 7dddeaa
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/example/examples/src/routes/Icon/index.tsx b/example/examples/src/routes/Icon/index.tsx
@@ -10,13 +10,17 @@ const styles = StyleSheet.create({
     display: 'flex',
     flexDirection: 'row',
     flexWrap: 'wrap',
+    justifyContent: 'center',
   },
   item: {
-    width: '50%',
-    flexDirection: 'row',
+    width: '31%',
     alignItems: 'center',
-    justifyContent: 'flex-start',
-    marginBottom: 5,
+    justifyContent: 'center',
+    margin: 3,
+    paddingTop:10,
+    paddingBottom:10,
+    backgroundColor: '#fff',
+    borderRadius:4
   },
   icon: {
     marginRight: 10,
@@ -258,8 +262,8 @@ const IconListView = ({keyName}: {keyName: IconsName}) => {
   return useMemo(
     () => (
       <View style={styles.item}>
-        <Icon name={keyName} size={18} style={styles.icon} />
-        <Text>{keyName}</Text>
+          <Icon name={keyName} size={18} />
+          <Text>{keyName}</Text>
       </View>
     ),
     [keyName],