wuyongxiang 4 年 前
コミット
29f6062605
共有2 個のファイルを変更した13 個の追加11 個の削除を含む
  1. 8 7
      screenAndroid/home.html
  2. 5 4
      screenIos/home.html

+ 8 - 7
screenAndroid/home.html

@@ -114,7 +114,7 @@
 				<div class="swiper-wrapper">
 					<div class="swiper-slide" v-for="(item,index) in homeList" :key="item.id"
 						:class="[index==0 ? 'swiper-slide-active' : '' , index==1 ? 'swiper-slide-next' : '']">
-						<div class="canvas" style="z-index: 1;" >
+						<div class="canvas" style="z-index: 1;">
 							<!-- <div style="height: 100%;" class="wine" :id="'wine'+index"></div> -->
 							<!-- <canvas :id="'playCanvas'+index" width="450" height="800"></canvas> -->
 							<!-- <video width="100%" height="100%" style="border-radius: 1.25rem;object-fit: fill;"
@@ -122,7 +122,7 @@
 								:id="'player'+index"></video>
 							<audio width="100 %" preload="auto" autoplay controls poster="images/loader-thumb.jpg"
 								:id="'audioPlayer'+index"></audio> -->
-							<img src="img/homebg.jpg" class="homebg" @click="homeinfo(item)"/>
+							<img src="img/homebg.jpg" class="homebg" @click="homeinfo(item)" />
 							<div class="camvas-head" style="z-index: 5555;">
 								<div class="tophead">
 									<div class="th_left">
@@ -218,6 +218,10 @@
 		<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
 		<script type="text/javascript">
 			var u = navigator.userAgent;
+			var html = document.querySelector("html");
+			var clientWidth = html.getBoundingClientRect().width;
+			var clientheight = window.innerHeight;
+			html.style.fontSize = clientWidth / 23.4375 + "px";
 			//Android终端			
 			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
 			//iOS终端			
@@ -234,13 +238,10 @@
 				console.log("长和宽", clientWidth, clientheight)
 				$('.swiper-slide').css("padding", `20% ${ch}%`)
 			}
-			var html = document.querySelector("html");
-			var clientWidth = html.getBoundingClientRect().width;
-			var clientheight = window.innerHeight;
-			html.style.fontSize = clientWidth / 23.4375 + "px";
+		
 			// const ch = (20 * clientWidth) / clientheight
 			// console.log("长和宽", clientWidth, clientheight)
-			
+
 			var app = new Vue({
 				el: '#homeapp',
 				data: {

+ 5 - 4
screenIos/home.html

@@ -211,6 +211,10 @@
 		<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
 		<script type="text/javascript">
 			var u = navigator.userAgent;
+			var html = document.querySelector("html");
+			var clientWidth = html.getBoundingClientRect().width;
+			var clientheight = window.innerHeight;
+			html.style.fontSize = clientWidth / 23.4375 + "px";
 			//Android终端			
 			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
 			//iOS终端			
@@ -227,10 +231,7 @@
 				console.log("长和宽", clientWidth, clientheight)
 				$('.swiper-slide').css("padding", `20% ${ch}%`)
 			}
-			var html = document.querySelector("html");
-			var clientWidth = html.getBoundingClientRect().width;
-			var clientheight = window.innerHeight;
-			html.style.fontSize = clientWidth / 23.4375 + "px";
+			
 
 			// $('.swiper-slide').css("padding", `20% ${ch}%`)
 			// var player = new PCMPlayer({