✨ feat(我的): 新增我的页面UI

src/components/iconCard/index.module.scss

@@ -3,4 +3,9 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
+  &-name{
+    font-size: 28px;
+    color: #333;
+    margin-top: 16px;
+  }
 }

src/components/iconCard/index.tsx

@@ -19,7 +19,7 @@ const IconCard: FC<PropsType> = (props) => {
   return (
     <View className={styles.iconCard} onClick={handleClick}>
       <IconFont name={iconName} size={72}></IconFont>
-      <View>{title}</View>
+      <View className={styles['iconCard-name']}>{title}</View>
     </View>
   )
 }

src/components/layoutBlock/index.tsx

@@ -11,6 +11,7 @@ interface PropsType {
   circle?: boolean
   children?: ReactNode
   customStyle?: React.CSSProperties
+
 }
 
 const LayoutBlock: FC<PropsType> = (props) => {
@@ -24,6 +25,10 @@ const LayoutBlock: FC<PropsType> = (props) => {
     return classObject
   }
 
-  return <View className={classnames(styles.layoutBlock, getClassName())}>{children}</View>
+  return <View className={classnames(styles.layoutBlock, getClassName())}>
+    
+    {children}
+    
+  </View>
 }
 export default LayoutBlock

src/components/tag/index.module.scss

@@ -16,7 +16,7 @@
     height: 30px;
   }
   &--circle{
-    border-radius: 8PX;
+    border-radius: 10px;
   }
   &--danger {
     background-color: $color_danger;