更新：登录功能

uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue

@@ -0,0 +1,72 @@
+<template>
+  <view :class="`wd-video-preview ${customClass}`" :style="customStyle" v-if="showPopup" @click="close">
+    <view class="wd-video-preview__video" @click.stop="">
+      <video
+        class="wd-video-preview__video"
+        v-if="previdewVideo.url"
+        :controls="true"
+        :poster="previdewVideo.poster"
+        :title="previdewVideo.title"
+        play-btn-position="center"
+        :enableNative="true"
+        :src="previdewVideo.url"
+        :enable-progress-gesture="false"
+      ></video>
+    </view>
+    <wd-icon name="close" :custom-class="`wd-video-preview__close`" @click="close" />
+  </view>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'wd-video-preview',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared'
+  }
+}
+</script>
+
+<script lang="ts" setup>
+import wdIcon from '../wd-icon/wd-icon.vue'
+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)
+const previdewVideo = reactive<PreviewVideo>({ url: '', poster: '', title: '' })
+
+function open(video: PreviewVideo) {
+  showPopup.value = true
+  previdewVideo.url = video.url
+  previdewVideo.poster = video.poster
+  previdewVideo.title = video.title
+}
+
+function close() {
+  showPopup.value = false
+  nextTick(() => {
+    handleClosed()
+  })
+}
+
+function handleClosed() {
+  previdewVideo.url = ''
+  previdewVideo.poster = ''
+  previdewVideo.title = ''
+}
+
+// #ifdef H5
+useLockScroll(() => showPopup.value)
+// #endif
+
+defineExpose<VideoPreviewExpose>({
+  open,
+  close
+})
+</script>
+<style lang="scss" scoped>
+@import './index.scss';
+</style>