feats

src/components/Banner/index.jsx

@@ -4,7 +4,7 @@ import RatioItem from '@/components/RatioItem';
 import './style.less'
 
 export default (props) => {
-  const { banner } = props;
+  const { list } = props;
   return (
     <Swiper
       className='swiper-container'
@@ -16,10 +16,10 @@ export default (props) => {
     // vertical//纵向滑动  上下
     >
       {
-        banner && banner.map((item, index) => (
-          <SwiperItem key={index} className='SwiperItem-img' >
+        list && list.map((item, index) => (
+          <SwiperItem key={item.bannerId} className='SwiperItem-img' >
             <RatioItem ratio='5:3'>
-              <Image className='swiper-img' src={item.imgUrl} mode='widthFix'></Image>
+              <Image className='swiper-img' src={item.image} mode='widthFix'></Image>
             </RatioItem>
           </SwiperItem>
         ))

src/pages/index/index.jsx

@@ -5,7 +5,7 @@ import Banner from '@/components/Banner'
 import Notice from '@/components/Notice'
 import PageLoading from '@/components/PageLoading'
 import { useModel } from '@/store'
-import { getApplicationList } from '@/services/dogAPI'
+import { getApplicationList, getBannerList } from '@/services/dogAPI'
 import withBasic from '@/layouts/withBasic'
 import MenuItem from './components/MenuItem'
 
@@ -24,18 +24,21 @@ 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 [bannerList, setBannerList] = useState([])
   
   useEffect(() => {
     getNoticeList({ pageSize: 5 }).then((res) => {
       console.log('res', res);
       setNoticeList(res.records)
     })
+
+    getApplicationList().then(res => {
+      setTotalApplyNum(res.total)
+    })
+
+    getBannerList().then(res => {
+      setBannerList(res)
+    })
   }, [])
 
   const goNoticeList = (e) => {
@@ -55,7 +58,7 @@ const IndexPage = (props) => {
     >
       <View className='index-page-box'>
         <View style={{ padding: '16px', boxSizing: 'border-box' }}>
-          <Banner banner={banner} />
+          <Banner list={bannerList} />
         </View>
         <View className='border-card-group'>
           <View class='weui-flex'>

src/services/dogAPI.js

@@ -114,4 +114,11 @@ export const getDogType = (id, data) => request(`/setting/dog_type`, { data, met
 * @param {*} data
 * @returns
 */
-export const getNoticeList = (id, data) => request(`/notice?`, { data, method: 'GET' })
+export const getNoticeList = (id, data) => request(`/notice`, { data, method: 'GET' })
+
+/**
+* Banner 列表
+* @param {*} data
+* @returns
+*/
+export const getBannerList = () => request(`/banner`)