.

src/pages/machineryDetail/index.jsx

@@ -1,4 +1,4 @@
-import { View, Image, ScrollView } from "@tarojs/components"
+import { View, Image, ScrollView,Swiper,SwiperItem } from "@tarojs/components"
 import CustomNav from "@/components/CustomNav"
 import Jianbian from "@/components/Jianbian"
 import withLayout from '@/layouts'
@@ -9,6 +9,20 @@ import micon from '@/assets/machinery/micon2.png'
 import './style.less'
 
 export default withLayout((props) => {
+  const imgList=[
+    {
+      thumb:banner1
+    },
+    {
+      thumb:banner1
+    },
+    {
+      thumb:banner1
+    },
+    {
+      thumb:banner1
+    }
+  ]
   return (
     <View className='page-index'>
       <View className='index-navbar'>
@@ -16,7 +30,18 @@ export default withLayout((props) => {
       </View>
       <View className='index-container'>
         <ScrollView scrollY style={{ height: '100%' }}>
-          <Image src={banner1} mode='aspectFill' className='detailHead' />
+        <Swiper
+          circular
+          autoplay
+          className='swiper'
+        >
+            {imgList.map((item, inx) => (
+              <SwiperItem key={inx}>
+                <Image src={item.thumb} mode='widthFix' className='storeImage' />
+              </SwiperItem>
+            ))}
+          </Swiper>
+          {/* <Image src={banner1} mode='aspectFill' className='detailHead' /> */}
           <View className='detailContent'>
             <Jianbian status='1' />
             <View className='detialName'>收割机001--S001</View>

src/pages/machineryDetail/style.less

@@ -47,4 +47,11 @@
     margin: 30px 0;
   }
 
+}
+.swiper {
+  height: calc( calc(100vw - 60px) * 0.6);
+  text-align: center;
+  .storeImage {
+    width: 100%;
+  }
 }