|
@@ -12,7 +12,7 @@ import {
|
|
|
Swipe,
|
|
|
SwipeItem
|
|
|
} from 'vant'
|
|
|
-import { defineComponent, onMounted, reactive, ref, watch } from 'vue'
|
|
|
+import { defineComponent, onMounted, reactive, ref, watch, nextTick } from 'vue'
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
import styles from './index.module.less'
|
|
|
import iconStep from './images/icon-step.png'
|
|
@@ -114,7 +114,7 @@ export default defineComponent({
|
|
|
onLoad={getList}
|
|
|
immediateCheck={false}
|
|
|
>
|
|
|
- <Steps direction="vertical" class={styles.storySteps}>
|
|
|
+ <Steps direction="vertical" class={[styles.storySteps, 'storyStepContainer']}>
|
|
|
{state.list.map((item: any, index: number) => (
|
|
|
<Step
|
|
|
v-slots={{
|
|
@@ -154,10 +154,14 @@ export default defineComponent({
|
|
|
class={styles.swipeImg}
|
|
|
ref={(el: any) => (videoRef.value[index] = el)}
|
|
|
onPlay={() => onPlay(index)}
|
|
|
- // onExitfullscreen={() => {
|
|
|
- // console.log('重新resize', swipeRef.value)
|
|
|
- // swipeRef.value?.resize()
|
|
|
- // }}
|
|
|
+ onExitfullscreen={() => {
|
|
|
+ console.log('重新resize', swipeRef.value)
|
|
|
+ nextTick(() => {
|
|
|
+ setTimeout(() => {
|
|
|
+ swipeRef.value?.resize()
|
|
|
+ }, 600)
|
|
|
+ })
|
|
|
+ }}
|
|
|
/>
|
|
|
)}
|
|
|
</SwipeItem>
|