层级关系

src/views/coursewarePlay/index.tsx

@@ -540,7 +540,7 @@ export default defineComponent({
 
     /** 是否有转场动画 */
     const checkedAnimation = (index: number, nextIndex?: number) => {
-      nextIndex = nextIndex ? nextIndex : index + 1;
+      nextIndex = nextIndex ? nextIndex : index + 1
       const item = data.itemList[index]
       const nextItem = data.itemList[nextIndex]
       if (nextItem) {
@@ -641,19 +641,20 @@ export default defineComponent({
         >
           <div class={styles.wraps}>
             <div
-              style={{
-                zIndex: 15,
-                opacity:
-                  activeVideoItem.value.type &&
-                  data.animationState === 'end' &&
-                  data.videoState === 'play'
-                    ? 1
-                    : 0
-              }}
+              style={
+                activeVideoItem.value.type &&
+                data.animationState === 'end' &&
+                data.videoState === 'play'
+                  ? {
+                      zIndex: 15,
+                      opacity: 1
+                    }
+                  : { opacity: 0, zIndex: -1 }
+              }
               class={styles.itemDiv}
             >
               <VideoItem
-                ref={(el: any) => data.videoItemRef = el}
+                ref={(el: any) => (data.videoItemRef = el)}
                 item={activeVideoItem.value}
                 activeModel={activeData.model}
                 onClose={setModelOpen}
@@ -667,7 +668,7 @@ export default defineComponent({
                 onEnded={() => {
                   const _index = popupData.activeIndex + 1
                   if (_index < data.itemList.length) {
-                    handleSwipeChange(_index);
+                    handleSwipeChange(_index)
                   }
                 }}
               />