tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
		<link rel="stylesheet" type="text/css" href="css/homePage.css" />
		<script src="css/swiper-bundle.min.js"></script>
	</head>
	<body style="background: #F8F9FA;overflow:scroll;overflow-y: hidden;overflow-x: hidden;">
		<div style="width: 100%;height: 100%;" id="homeapp">
			<div class="newhelp" style="z-index: 50;">
				<div class="helpImg">
					<img src="../static/img/bangzu_icon.png" />
				</div>
				<div class="font helpfont">使用帮助？</div>
			</div>
			<div class="buyIcon" style="z-index: 50;">
				<img src="../static/img/goumai_icon.png" />
			</div>
			
			<div class="swiper-container">
				<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;" @click="homeinfo(item)">
							<div style="height: 100%;" class="wine" :id="'wine'+index">
							</div>
							<canvas id="playCanvas" width="450" height="800"></canvas>
							<div class="camvas-head" style="z-index: 5555;">
								<div class="tophead">
									<div class="th_left">
										<!-- {{item.buyVipType}} -->
										<img src="../static/img/xingyao_icon.png" v-if="item.buyVipType='SVIP'" />
										<img src="../static/img/xingdong_icon.png" v-else />
									</div>
									<div class="th_right">
										<div class="thl-font">{{item.diskName}}</div>
										<div class="thl-time">{{remainTime(item.ctime,item.exceptTime)}}</div>
									</div>
								</div>
								<div class="th_renew homeRenew" style="z-index: 5000;" @click="renew(item)">
									续费
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="canvas" style="display: none;">
							<div style="height: 100%;" class="kongWine">
								<div class="kphone">
									<div class="kp_img">
										<img src="../static/img/goumai_pic.png" />
									</div>
									<div class="kp_btn" style="z-index: 5000;">
										购买云手机
									</div>
								</div>
							</div>
			
						</div>
					</div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next" @click="swiperNext()"></div>
				<div class="swiper-button-prev" @click="swiperPrev()"></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
	<!--  视频-->
	<script src="../static/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="../static/js/Decoder.js"></script>
	<script type="text/javascript" src="../static/js/YUVCanvas.js"></script>
	<script type="text/javascript" src="../static/js/Player.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
	<script>
		var html = document.querySelector("html");
		var clientWidth = html.getBoundingClientRect().width;
		html.style.fontSize = clientWidth / 23.4375 + "px";

		var app = new Vue({
			el: '#homeapp',
			data: {
				message: 'Hello Vue!',
				homeList: [],
				urlData: {},
				rbdData: {},
				activeIndexData: "",
				swipeDirection: "",
			},
			mounted() {
				
			},methods:{
				
			}
		})
	</script>
</html>