通用组件开发

src/components/List/index.scss

@@ -0,0 +1,7 @@
+.list {
+  background: #fafafa;
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}

src/components/List/index.tsx

@@ -0,0 +1,16 @@
+import { View } from '@tarojs/components'
+import './index.scss'
+
+interface ListProps {
+  children: React.ReactNode
+}
+
+const List: React.FC<ListProps> = ({ children }) => {
+  return (
+    <View className="list">
+      {children}
+    </View>
+  )
+}
+
+export default List