rever

src/pages/details/mjDetails/sceneryDetails.jsx

@@ -3,7 +3,6 @@ import ax from '@/assets/icons/housemantj/onlove.png'
 import dw from '@/assets/icons/housemantj/loc-o.png'
 import titlejd from '@/assets/icons/housemantj/goodTourist.png'
 import titlems from '@/assets/icons/housemantj/goodFood.png'
-import { compressImage } from '@/utils'
 import share from '@/assets/icons/housemantj/touristShare.png'
 import good from '@/assets/icons/housemantj/touristGood.png'
 import baozan from '@/assets/icons/housemantj/bgood.png'
@@ -22,6 +21,7 @@ import Cards from '@/components/foodCards/foodCards.jsx'
 import Taro, { useShareAppMessage } from '@tarojs/taro'
 import Extend from '../components/Extend/extend'
 import './sceneryDetails.less'
+import ImageList from "../components/ImageList";
 
 
 
@@ -35,10 +35,6 @@ export default withLayout((props) => {
 
   //banner图集数组
   const [imglist, setimglist] = useState([])
-  const [index, setIndex] = useState(0)
-  const handchange = (e) => {
-    setIndex(e.detail.current)
-  }
 
   //本店指南
   const [extend, setExtend] = useState([])
@@ -115,26 +111,7 @@ export default withLayout((props) => {
       <SpinBox loading={loading} className='index-container' style={{ padding: '0 30rpx', background: '#F8F8F8' }}>
         <scroll-view scrollY style={{ height: '100%' }}>
           <view className='storeDetails'>
-            <View className='huadong'>
-              <Swiper
-                className='swiper'
-                circular
-                onChange={handchange}
-              >
-                {
-                  imglist.map((item) => (
-
-                    <SwiperItem>
-                      <image src={compressImage(item.url)} mode='aspectFit' className='storeImage' />
-                    </SwiperItem>
-                  ))}
-              </Swiper>
-              <view className='tpPage'>
-                <text>
-                  {index + 1}/{imglist.length}
-                </text>
-              </view>
-            </View>
+            <ImageList imglist={imglist} />
 
             <view className='storeJs'>
               <view className='introduce'>