项目列表页面基于Page组件调整

src/pages/project/index.jsx

@@ -5,6 +5,7 @@ import styles from './index.module.scss';
 import Avator from '@root/components/Avator';
 import Welcome from './components/welcome';
 import { fetchProjectList } from './service';
+import Page from '@root/components/Page';
 
 export default function ProjectListView() {
   const [projectList, setProjectList] = useState([]);
@@ -20,31 +21,33 @@ export default function ProjectListView() {
     const dataList = await fetchProjectList();
     setProjectList(dataList);
   }, []);
-  
+
   useEffect(() => {
     fetchList();
   }, [fetchList])
 
   return (
-    <ScrollView className={styles.project} scrollY>
-      <View className={styles.wrapPadding}>
-        <Avator className={styles.avator} />
-      </View>
-      <Welcome className={styles.wrapPadding} />
-      <View className={[styles.listTitle, styles.wrapPadding]}>
-        <Text>我的项目</Text>
-      </View>
-      {
-        projectList.map(project => (
-          <View className={styles.projectItem} key={project.id}>
-            <Image className={styles.img} src={project.showImgUrl} />
-            <View className={styles.label}>
-              <Text>{project.projName}</Text>
+    <Page wrapperClassName={styles.page}>
+      <ScrollView className={styles.project} scrollY>
+        <View className={styles.wrapPadding}>
+          <Avator className={styles.avator} />
+        </View>
+        <Welcome className={[styles.wrapPadding, styles.mt10]} />
+        <View className={[styles.listTitle, styles.wrapPadding]}>
+          <Text>我的项目</Text>
+        </View>
+        {
+          projectList.map(project => (
+            <View className={styles.projectItem} key={project.id}>
+              <Image className={styles.img} src={project.showImgUrl} />
+              <View className={styles.label}>
+                <Text>{project.projName}</Text>
+              </View>
             </View>
-          </View>
-        ))
-      }
-    </ScrollView>
+          ))
+        }
+      </ScrollView>
+    </Page>
   )
 }
 

src/pages/project/index.module.scss

@@ -1,10 +1,15 @@
+.page {
+  background-color: #f6f6f6;
+}
 .project {
   $commonPadding: 24px * 2;
-  height: 100vh;
-  background-color: #f6f6f6;
+  height: 100%;  
   .wrapPadding {
     padding: 0 $commonPadding;
   }
+  .mt10 {
+    margin-top: 20px;
+  }
   .avator {
     width: 84px;
     height: 84px;