.

src/pages/index/components/order/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react"
+import React, { useState , useEffect } from "react"
 import Taro from "@tarojs/taro";
 import { View, Input, Swiper, Image, SwiperItem, Text, ScrollView } from "@tarojs/components"
 import positionImg from '@/assets/comm/position.png'
@@ -6,26 +6,29 @@ import searchImg from '@/assets/comm/search.png'
 import orderImg from '@/assets/comm/orderList.png'
 import Footer from "@/components/Footer";
 import MyCard from "@/components/MyCard";
+import { getBannerList } from "@/services/banner";
 import './style.less'
 
-export default () => {
 
-  const [swiperImgHeightList, setSwiperImgHeightList] = useState([])
-  const [swiperImgWidthList, setSwiperImgWidthList] = useState([])
-  const imglist = [
-    {
-      url: require('@/assets/banner/1.jpg')
-    },
-    {
-      url: require('@/assets/banner/2.jpg')
-    },
-  ]
+export default () => {
+  const [imgList,setImgList]=useState([])
   const handleSearch = (e) => {
     console.log(e.detail.value)
   }
   const handleMore = () => {
     Taro.navigateTo({ url: '/pages/moreOrder/index' });
   }
+  useEffect(() => {
+    getBannerList({ position: 'bannerWorker' })
+      .then(res => {
+        setImgList(res)
+      }).catch(err => {
+        Taro.showToast({
+          title: '网络异常, 请刷新小程序重试',
+          icon: 'none',
+        })
+      })
+  }, [])
   return (
     <View className='orderIndex'>
       <View className='top'>
@@ -46,9 +49,9 @@ export default () => {
             autoplay
             className='swiper'
           >
-            {imglist.map((item, inx) => (
+            {imgList.map((item, inx) => (
               <SwiperItem key={inx}>
-                <Image src={item.url} mode='widthFix' className='storeImage' />
+                <Image src={item.thumb} mode='widthFix' className='storeImage' />
               </SwiperItem>
             ))}
           </Swiper>

src/pages/index/components/order/style.less

@@ -14,7 +14,7 @@
       color: #202020;
       line-height: 68px;
       .pImg{
-        width: 28px;
+        width: 34px;
         height: 34px;
         margin-right: 9px;
       }
@@ -50,11 +50,11 @@
     }
   }
   .swiper {
-    height: calc( calc(100vw - 60px) * 0.62);
+    height: calc( calc(100vw - 60px) * 0.6);
     text-align: center;
     margin: 30px;
     .storeImage {
-      height: 100%;
+      width: 100%;
     }
   }
   .orderList{

src/services/banner.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+/**
+ * banner列表
+ * @param {*} 
+ * @returns 
+ */
+ export const getBannerList = (params) => request(`/banner`, { params })