fl

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,44 +11,49 @@ import './style.less'
 export default withLayout((props) => {
   const { router, person, location } = props
   const [collectContent, setCollectContent] = useState([])
-
-  useEffect(() => {
-    getCollectList({
-      pageNum: 1,
-      pageSize: 99,
-      location: location,
-
-    }).then(val => {
-      setCollectContent(val.records)
-    })
-  }, [location])
+  const [queryParams, setQueryParams] = useState({ location: location, pageNum: 1, pageSize: 10 })
+
+  // useEffect(() => {
+  //   getCollectList({
+  //     pageNum: 1,
+  //     pageSize: 99,
+  //     location: location,
+  //   }).then(val => {
+  //     setCollectContent(val.records)
+  //   })
+  // }, [location])
 
   return (
-
-    <view className='box-content'>
-
-
-      <CustomNav title='我的收藏' />
-
-
-      <view className='scroll-box-view' >
-        <scroll-view scroll-y style={{ height: 'calc(100% - 15em)' }}>
-
-          <view >
-
-            {
-              collectContent.map((item, index) => { return <MyCollect key={(index)} item={item} /> })
-            }
-
-          </view>
-
-          <view className='foot'>
-            已经到底了~
-          </view>
-        </scroll-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>*/}
     </view>
   )
 })

src/pages/MineUserAll/Collect/style.less

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