Merge branch 'master' of http://face3d.4dage.com:7005/shaogen1995/YFYC-H5

yfyc/src/App.vue

@@ -10,8 +10,23 @@
 </template>
 <script>
 export default {
+  data() {
+    return {
+      time: null,
+    };
+  },
+  methods: {
+    sizeChange() {
+      clearTimeout(this.time);
+      this.time = setTimeout(() => {
+        document.querySelector("#app").style.height = window.innerHeight + "px";
+      }, 500);
+    },
+  },
   mounted() {
     document.querySelector("#app").style.height = window.innerHeight + "px";
+
+    window.addEventListener("resize", this.sizeChange);
   },
 };
 </script>
@@ -42,11 +57,11 @@ export default {
     width: 100%;
     height: 100%;
     z-index: 11;
-    .van-loading{
+    .van-loading {
       position: absolute;
       top: 50%;
       left: 50%;
-      transform: translate(-50%,-50%);
+      transform: translate(-50%, -50%);
     }
   }
 }

yfyc/src/views/Construct/components/HomeList.vue

@@ -32,7 +32,15 @@
 
     <!-- 视频盒子 -->
     <div class="videoBox" :class="{ videoAc: videoShow }">
-      <video muted src="../../../assets/media/home.mp4"></video>
+      <video
+        muted
+        x-webkit-airplay="true"
+        webkit-playsinline="true"
+        x5-video-player-type="h5"
+        x5-video-orientation="portraint"
+        controls
+        src="../../../assets/media/home.mp4"
+      ></video>
       <img
         v-show="videoBtnShow"
         class="videoBtn"
@@ -75,7 +83,7 @@ export default {
       ],
       dataShow: [],
       videoShow: false,
-      videoBtnShow: false,
+      videoBtnShow: true,
     };
   },
   computed: {},
@@ -264,10 +272,10 @@ export default {
     }
 
     .videoBtn {
-      position: absolute;
+      position: fixed;
       bottom: 100px;
       width: 200px;
-      z-index: 2;
+      z-index: 999;
       left: 50%;
       transform: translateX(-50%);
     }