bug fix

src/components/Hotspot.vue

@@ -75,7 +75,7 @@ const tempImg = utils.getImageUrl(`zhanwei.jpg`)
 
       .info-top {
         display: flex;
-        max-height: 55%;
+        height: 55%;
         .desc {
           margin-left: 3rem;
           margin-top: 3rem;

src/components/SerialFrames.vue

@@ -130,7 +130,6 @@ export default {
         }
         if (vNew > 0) {
           if (audioNode.paused && vOld <= 0 && !this.$isSafari) { // safari里只能在用户操作回调函数中成功调用play。
-            console.log('result:bofang');
             audioNode.currentTime = 0
             audioNode.play()
           }

src/components/SquareWord.vue

@@ -25,11 +25,11 @@ let bgimg = utils.getImageUrl('label.png');
 </script>
 
 <style lang="scss" scoped>
-.square-word {
+ul.square-word {
   >li {
+    display: inline-flex;
     width: 4rem;
     height: 4rem;
-    display: flex;
     justify-content: center;
     align-items: center;
     background-size: 100% 100%;
@@ -49,9 +49,8 @@ let bgimg = utils.getImageUrl('label.png');
   }
 
   &.column{
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    height: 100%;
+    writing-mode: vertical-lr;
     >li{
       margin-right:  0.5rem;
     }

src/views/LongImage.vue

@@ -59,7 +59,7 @@
 
           <button
             class="bofang-button"
-            @click="onVideoCanPlayThrough"
+            @click="playVideo"
             v-if="isNeedToBofang"
           >
             <img :src="bofangImg" alt="" draggable="false">
@@ -78,7 +78,7 @@
             @ended="onFadeInVideoEnd"
             @mousedown.passive.stop
             @touchstart.passive.stop
-            @canplaythrough="onVideoCanPlayThrough"
+            @load="playVideo"
             @wheel.passive.stop
           />
         </div>
@@ -180,11 +180,13 @@ const videoPostImg = utils.getImageUrl(`videobg.jpg`)
 const isLongImageVideo = ref(true)
 const isNeedToBofang = ref(true)
 const isShowSkip = ref(false)
-const onVideoCanPlayThrough = () => {
-  if (video$.value) {
-    video$.value.play()
-    isNeedToBofang.value = false
-  }
+const playVideo = () => {
+  setTimeout(() => {
+    if (video$.value) {
+      video$.value.play()
+      isNeedToBofang.value = false
+    }
+  }, 500);
 }
 const onSkipClick = () => {
   isShowGuide.value = true
@@ -431,7 +433,7 @@ onMounted(() => {
 
     >img {
       margin: 1.63rem 0 1rem;
-      width: 80%;
+      width: 7.25rem;
     }
 
     >div {