feats

src/components/Notice/index.jsx

@@ -5,31 +5,31 @@ import noticeIcon from '@/assets/notice.png'
 import './style.less'
 
 export default (props) => {
-  const { Notice, onMoreClick, onClick } = props;
+  const { NoticeList, onMoreClick, onClick } = props;
 
   return (
     <View className='Notice-box'>
       <View className='weui-flex notice-item-row'>
         <View className='weui-flex__item notice-item-title'>
           <Image src={noticeIcon} mode='widthFix' />
-          <Text>消息通知</Text>          
+          <Text>消息通知</Text>
         </View>
         <View className='weui-flex__item notice-item-ft' onClick={onMoreClick}>
           查看更多 &gt;
         </View>
       </View>
-      <View className='weui-flex notice-item-row' onClick={onClick}>
-        <View className='weui-flex__item notice-item-bd'>2021年养狗新政策2021年养狗新政策2021年养狗新政策2021年养狗新政策2021年养狗新政策2021年养狗新政策</View>
-        <View className='weui-flex__item notice-item-ft'>2022.05.26</View>
-      </View>
-      <View className='weui-flex notice-item-row' onClick={onClick}>
-        <View className='weui-flex__item notice-item-bd'>2021年养狗新政策</View>
-        <View className='weui-flex__item notice-item-ft'>2022.05.26</View>
-      </View>
-      <View className='weui-flex notice-item-row' onClick={onClick}>
-        <View className='weui-flex__item notice-item-bd'>2021年养狗新政策</View>
-        <View className='weui-flex__item notice-item-ft'>2022.05.26</View>
-      </View>
+      {
+        NoticeList.map((item, index) => {
+          return (
+            <View className='weui-flex notice-item-row' onClick={() => { onClick(item.noticeId) }} key={index}>
+              <View className='weui-flex__item notice-item-bd'>{item.title}</View>
+              <View className='weui-flex__item notice-item-ft'>{item.createDate.slice(0, 10)}</View>
+            </View>
+
+          )
+        })
+      }
+
     </View>
   )
 }

src/pages/index/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { View, ScrollView, Text } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import Banner from '@/components/Banner'
@@ -10,6 +10,7 @@ import withBasic from '@/layouts/withBasic'
 import MenuItem from './components/MenuItem'
 
 import './style.less'
+import { getNoticeList } from '../../services/dogAPI'
 
 const pt16 = {
   paddingTop: '16px'
@@ -22,26 +23,29 @@ const ml16 = {
 const IndexPage = (props) => {
   const { pets, cards } = useModel('userData')
   const [totalApplyNum, setTotalApplyNum] = useState(0)
-
+  const [noticeList, setNoticeList] = useState([])
   const banner = [
     { imgUrl: 'https://tse3-mm.cn.bing.net/th/id/OIP-C.yd6uU_V7fqswON8cwWUfewHaE7?w=300&h=200&c=7&r=0&o=5&pid=1.7' },
     { imgUrl: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.A31N2pd7ApUojqrR6x41bwHaFj?pid=ImgDet&rs=1' },
     { imgUrl: 'https://tse1-mm.cn.bing.net/th/id/R-C.413cf61f5c976cdaddafb30e3aeeb547?rik=AJJ41q9z0C1Anw&riu=http%3a%2f%2ffunpicimg.loveinhere.com%2f1008%2f1%2f4770.jpg&ehk=bP4qnBFW9Ha6lXMKKtVhAnkL2hTHv15pjb5oQpAhF6o%3d&risl=&pid=ImgRaw&r=0' },
     { imgUrl: 'https://img.zcool.cn/community/01c62e565d10e76ac7253403cbde61.jpg@1280w_1l_2o_100sh.jpg' }
   ]
-  const NoticeList = [
-    { text: '我是官方系统通知Notice' },
-    { text: '我是第二条通知奥奥奥奥奥奥' },
-    { text: '我是第3165656565' },
-    { text: '我是第四条通知啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊' }
-  ]
   
-  const goNoticeList=()=>{
-    Taro.navigateTo({url:'/pages/noticeList/index'})
+  useEffect(() => {
+    getNoticeList({ pageSize: 5 }).then((res) => {
+      console.log('res', res);
+      setNoticeList(res.records)
+    })
+  }, [])
+
+  const goNoticeList = (e) => {
+
+    Taro.navigateTo({ url: '/pages/noticeList/index' })
   }
+  const goDetail = (id) => {
+    console.log("🚀 ~ file: index.jsx ~ line 52 ~ goNoticeList ~ e", e)
 
-  const goDetail = () => {
-    Taro.navigateTo({ url: '/pages/noticeInfo/index' })
+    Taro.navigateTo({ url: `/pages/noticeInfo/index?id=${id}` })
   }
 
   return (
@@ -111,7 +115,8 @@ const IndexPage = (props) => {
         </View>
 
         <View className='message-box'>
-          <Notice onMoreClick={goNoticeList} onClick={goDetail} />
+          <Notice NoticeList={noticeList} onMoreClick={goNoticeList} onClick={goDetail} />
+
         </View>
       </View>
     </ScrollView>

src/services/dogAPI.js

@@ -95,7 +95,7 @@ export const getDogCardInfo = (id, data) => request(`/card/${id}`, { data, metho
  * @param {*} data
  * @returns
  */
- export const getApplicationList = (params) => request(`/application`, { params })
+export const getApplicationList = (params) => request(`/application`, { params })
 
 
 /**
@@ -104,3 +104,14 @@ export const getDogCardInfo = (id, data) => request(`/card/${id}`, { data, metho
 * @returns
 */
 export const getDogType = (id, data) => request(`/setting/dog_type`, { data, method: 'GET' })
+
+
+
+
+
+/**
+* 消息列表
+* @param {*} data
+* @returns
+*/
+export const getNoticeList = (id, data) => request(`/notice?`, { data, method: 'GET' })