。

src/pages/MineUserAll/Collect/index.jsx

@@ -2,6 +2,8 @@
 import CustomNav from '@/components/CustomNav'
 import { useState, useEffect } from "react";
 import withLayout from '@/layouts'
+import List from '@/components/List';
+import NoData from '@/components/NoData'
 import { getCollectList } from '@/services/home'
 import MyCollect from '@/components/CollectList/MyCollect'
 import './style.less'
@@ -9,29 +11,49 @@ import './style.less'
 export default withLayout((props) => {
   const { router, person, location } = props
   const [collectContent, setCollectContent] = useState([])
+  const [queryParams, setQueryParams] = useState({ location: location, pageNum: 1, pageSize: 10 })
 
-  useEffect(() => {
-    getCollectList({
-      pageNum: 1,
-      pageSize: 99,
-      location: location,
-
-    }).then(val => {
-      setCollectContent(val.records)
-    })
-  }, [location])
+  // useEffect(() => {
+  //   getCollectList({
+  //     pageNum: 1,
+  //     pageSize: 99,
+  //     location: location,
+  //   }).then(val => {
+  //     setCollectContent(val.records)
+  //   })
+  // }, [location])
 
   return (
-    <view className='box-content'>
-      <CustomNav title='我的收藏' />
-      <view >
+      <view className='page-index box-content'>
+      <view className='index-navbar'>
+        <CustomNav title='我的收藏' />
+      </view>
+        <view style={{ overflow: 'hidden', height: '100%' }}>
+          <List
+            style={{ height: '100%' }}
+            request={getCollectList}
+            params={queryParams}
+            onDataChange={setCollectContent}
+          >
+            {
+              collectContent.length == 0 ?
+                <NoData /> :
+                <view className='waterfall'>
+                  {
+                    collectContent.map((item, index) => { return <MyCollect key={(index)} item={item} /> })
+                  }
+                </view>
+            }
+          </List>
+      </view>
+      {/* <view >
         {
           collectContent.map((item, index) => { return <MyCollect key={(index)} item={item} /> })
         }
       </view>
-      <view className='foot'>
+      <view className='foot'> 
         已经到底了~
-      </view>
+      </view>*/}
     </view>
   )
 })

src/pages/MineUserAll/Collect/style.less

@@ -9,4 +9,11 @@
     margin-top: 40px;
     text-align: center;
   }
+  .botton{
+    font-size: 28px;
+    color: #C0C8D3;
+    text-align: center;
+    padding:40px 0 50px 0;
+    background-color: #F8F8F8;
+  } 
 }