upp

src/views/MoreContent.vue

@@ -347,7 +347,6 @@
       >
         <video
           ref="videoFadeAtMoZhuEl"
-          class="fade-to-other-page"
           src="@/assets/videos/fade-at-mo-zhu.mp4"
           playsinline
           muted
@@ -655,7 +654,7 @@ const isShowVideoFadeAtMoZhu = ref(false)
 function onClickEntryAtMoZhu(pathName) {
   isShowVideoFadeAtMoZhu.value = true
   nextTick(() => {
-    videoFadeAtMoZhuEl.value.addEventListener('ended', () => {
+    videoFadeAtMoZhuEl.value.addEventListener("ended", () => {
       router.push({
         name: pathName,
       })
@@ -1291,8 +1290,11 @@ onMounted(() => {
       width: 18%;
       position: absolute;
       z-index: 10;
-      top:32%;
-      left:44%;
+      top: 32%;
+      left: 44%;
+    }
+    & > video {
+      width: 100%;
     }
   }
 

src/views/PoemList.vue

@@ -2,7 +2,9 @@
   <div class="poem-list-page">
     <div
       class="RWbox"
-      :style="`width: ${domWidth}px; left:-${indexAc * pageWidth}px`"
+      :style="`width: ${domWidth}px; left:-${
+        baseRWboxLeft ? 500 : indexAc * pageWidth
+      }px`"
     >
       <div
         v-for="(item1, index1) in listRes"
@@ -177,13 +179,13 @@ const pageWidth = ref(0)
 // 当前选中索引
 const indexAc = ref(0)
 
+const baseRWboxLeft = ref(true)
 
-// 待完善
-// onMounted(()=>{
-//   setTimeout(()=>{
-//     indexAc.value = 0
-//   }, 300)
-// })
+onMounted(() => {
+  setTimeout(() => {
+    baseRWboxLeft.value = false
+  }, 500)
+})
 
 // 底部文字提示显示和隐藏
 const txtTit = ref(false)