style: 💄 VideoPreview视频预览组件H5端打开时阻止滚动穿透

Moonofweisheng · Jul 17, 2024 · ecf03c3 · ecf03c3
1 parent 825ea9b
commit ecf03c3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue b/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue
@@ -31,6 +31,7 @@ export default {
 <script lang="ts" setup>
 import { nextTick, reactive, ref } from 'vue'
 import { videoPreviewProps, type PreviewVideo, type VideoPreviewExpose } from './types'
+import useLockScroll from '../composables/useLockScroll'
 defineProps(videoPreviewProps)
 
 const showPopup = ref<boolean>(false)
@@ -56,6 +57,10 @@ function handleClosed() {
   previdewVideo.title = ''
 }
 
+// #ifdef H5
+useLockScroll(() => showPopup.value)
+// #endif
+
 defineExpose<VideoPreviewExpose>({
   open,
   close