1

src/components/sideBar/index.module.scss

@@ -40,4 +40,5 @@
             height: 100%;
         }
     }
+    
 }

src/pages/index/index.module.scss

@@ -25,5 +25,11 @@
         flex:1;
         height: 0;
     }
+    .movable{
+        position: fixed;
+        height: 100vh;
+        width: 100vh;
+        z-index: 0;
+    }
     
 }

src/pages/index/index.tsx

@@ -1,4 +1,4 @@
-import { Image, View} from '@tarojs/components'
+import { Image, MovableArea, MovableView, View} from '@tarojs/components'
 import Swiper from '@/components/swiper'
 import Search from '@/components/search'
 import SideBar from '@/components/sideBar'
@@ -39,6 +39,11 @@ export default () => {
           <Product/>
         </SideBar>
       </View>
+      
+        <MovableArea className={styles.movableItem}>
+          <MovableView className={styles.moveBtn}>拖动</MovableView>
+        </MovableArea>
+      
       <View className='common_safe_area_y'></View>
     </View>
   )