。

src/pages/details/foodDetails/foodDetails.jsx

 } from "@/services/home";
 import { getVerifyTargetList } from "@/services/payOrder";
 import { useState, useEffect, useRef } from "react";
-import { Button, Swiper, SwiperItem } from "@tarojs/components";
+import { Button, Swiper, SwiperItem, View } from "@tarojs/components";
 import Star from "@/components/Star/Star.jsx";
 import NoData from '@/components/NoData'
 import Cards from "@/components/foodCards/foodCards.jsx";
           style={{ height: '100%' }}
         >
           <view className='storeDetails'>
-            <Swiper
-              className='swiper'
-              circular
-              current={index}
-              onChange={handchange}
-            >
-              {imglist.map((item, inx) => (
-                <SwiperItem key={inx}>
-                  <image src={item.url} mode='aspectFit' className='storeImage'>
-                    <view className='tpPage'>
-                      <text>
-                        {index + 1}/{imglist.length}
-                      </text>
-                    </view>
-                  </image>
-                </SwiperItem>
-              ))}
-            </Swiper>
+            <View className='huadong'>
+              <Swiper
+                circular
+                className='swiper'
+                onChange={handchange}
+              >
+                {imglist.map((item, inx) => (
+                  <SwiperItem key={inx}>
+                    <image src={item.url} mode='aspectFit' className='storeImage' />
+                  </SwiperItem>
+                ))}
+              </Swiper>
+              <view className='tpPage'>
+                <text>
+                  {index + 1}/{imglist.length}
+                </text>
+              </view>
+            </View>
+
             <view className='storeJs'>
               <view style={{ overflow: "hidden" }}>
                 <view className='storeName'>{detail.shopName}</view>

src/pages/details/foodDetails/foodDetails.less

   border-radius: 12px;
   margin-bottom: 20px;
 
-  .swiper {
-    height: calc((100vw - 60px) * 0.6);
-  }
-  .storeImage {
+  
+
+  .huadong{    
     position: relative;
-    border-radius: 22px;
-    width: 100%;
-    height: 100%;
+    .swiper {
+      height: calc((100vw - 60px) * 0.6);
+      .storeImage {
+        border-radius: 22px;
+        width: 100%;
+        height: 100%;
+      }
+    }
     .tpPage {
       position: absolute;
       right: 20px;
       text {
         opacity: 0.64;
       }
-    }
+    }  
   }
   .storeJs {
     padding: 20px;
 }
 .cs {
   height: 500px;
-  // background: rgb(240, 142, 142);
-  // background: radial-gradient(circle at top left, transparent 15px, rgb(240, 142, 142) 0) top left,
-  //           radial-gradient(circle at top right, transparent 15px, #58a 0) top right,
-  //           radial-gradient(circle at bottom left, transparent 15px, #58a 0) bottom left,
-  //           radial-gradient(circle at bottom right, transparent 15px, #58a 0) bottom right;
-
   background: radial-gradient(
         circle at 82% top,
         transparent 15px,
         rgb(230, 120, 120) 0
       )
       bottom;
-
   background-repeat: no-repeat;
   background-size: auto 50%;
 }
-
 .showMore {
   width: 100%;
   background: linear-gradient(
   width: 100%;
   margin-bottom: 40px;
 }
-
 .botton {
   font-size: 28px;
   color: #c0c8d3;

src/pages/details/mjDetails/sceneryDetails.jsx

 import TabIcon from '@/components/HorTabbar/TabIcon'
 import { useState, useEffect } from 'react'
 import { getTouristDetail, getExtendContent, getRecommendList } from '@/services/home'
-import { Swiper, SwiperItem, Button } from '@tarojs/components';
+import { Swiper, SwiperItem, Button,View } from '@tarojs/components';
 import useSave from "@/utils/hooks/useSave"
 import useLike from "@/utils/hooks/useLike"
 import Cards from '@/components/foodCards/foodCards.jsx'
       <SpinBox loading={loading} style={{ overflow: 'hidden', padding: '0 30rpx', height: '100%', background: '#F8F8F8' }}>
         <scroll-view scrollY style={{ height: '100%' }}>
           <view className='storeDetails'>
+          <View className='huadong'>
             <Swiper
               className='swiper'
               circular
-              current={index}
               onChange={handchange}
             >
               {
-                imglist.map((item) =>
+                imglist.map((item) =>(
                   <SwiperItem>
-                    <image src={item.url} mode='aspectFit' className='storeImage' >
-                      <view className='tpPage'>
-                        <text>{index + 1}/{imglist.length}</text>
-                      </view>
-                    </image>
-                  </SwiperItem>
-                )
-              }
-            </Swiper>
+                    <image src={item.url} mode='aspectFit' className='storeImage' />
+                    </SwiperItem>
+                ))}
+              </Swiper>
+              <view className='tpPage'>
+                <text>
+                  {index + 1}/{imglist.length}
+                </text>
+              </view>
+            </View>
 
             <view className='storeJs'>
               <view className='introduce'>

src/pages/details/mjDetails/sceneryDetails.less

   background-color: #fff;
   border-radius: 12px;
   margin-bottom: 20px;
-  .swiper {
-    height: calc((100vw - 60px) * 0.6);
-  }
-  .storeImage {
+  .huadong{    
     position: relative;
-    border-radius: 22px;
-    width: 100%;
-    height: 100%;
+    .swiper {
+      height: calc((100vw - 60px) * 0.6);
+      .storeImage {
+        border-radius: 22px;
+        width: 100%;
+        height: 100%;
+      }
+    }
     .tpPage {
       position: absolute;
       right: 20px;
       text {
         opacity: 0.64;
       }
-    }
+    }  
   }
   .storeJs {
     padding: 22px;