asd

src/pages/noticeList/index.jsx

@@ -1,96 +1,49 @@
 import { ScrollView, View, Image } from '@tarojs/components'
+import { useEffect, useState } from 'react'
+
 import Taro from '@tarojs/taro';
 import more from '@/assets/more.png'
 import noticeIcon from '@/assets/noticeIcon.png'
+import { getBanner, getNoticeList } from '../../services/dogAPI'
+
 import './style.less'
 
 export default (props) => {
   const onClick = () => {
     Taro.navigateTo({ url: '/pages/noticeInfo/index' })
   }
+  const [noticeList, setNoticeList] = useState([])
+
+  useEffect(() => {
+    getNoticeList({ pageSize: 5 }).then((res) => {
+      setNoticeList(res.records)
+    })
+
+  }, [])
+  const goDetail = (id) => {
+    Taro.navigateTo({ url: `/pages/noticeInfo/index?id=${id}` })
+  }
+
+
   return (
     <>
       <View className='noticeList'>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
-        <View className='notice-item-row' onClick={onClick}>
-          <Image className='notice' src={noticeIcon} mode='aspectFit' />
-          <View className='notice-item-body'>
-            <View className='notice-item-title'>望都人注意！禁养犬只名录正式出炉！快看你家狗狗能养吗</View>
-            <View className='notice-item-time'>2022.05.26 16:21</View>
-          </View>
-          <Image className='action' src={more} mode='aspectFit' />
-        </View>
+        {
+          noticeList.map((item, index) => {
+            return (
+              <View key={index} className='notice-item-row' onClick={() => { goDetail(item.noticeId) }}>
+                <Image className='notice' src={noticeIcon} mode='aspectFit' />
+                <View className='notice-item-body'>
+                  <View className='notice-item-title'>{item.title}</View>
+                  <View className='notice-item-time'>{item.createDate}</View>
+                </View>
+                <Image className='action' src={more} mode='aspectFit' />
+              </View>
+            )
+          })
+        }
+
+
       </View>
     </>
   )