animalswar/index.html at master · wizardcode/animalswar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=800, maximum-scale=1.0">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/vue.css">
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="icon" href="/favicon.ico"  type="image/x-icon">
		<title>象狮虎豹狼狗猫鼠</title>
		<script>
			var u = navigator.userAgent;
			if(u.indexOf('Android') > -1 || u.indexOf('iPhone') > -1 || u.indexOf('Windows Phone') > -1 || u.indexOf('iPod') > -1) {
				document.write('<meta name="viewport" content="width=800, maximum-scale=1.0,target-densitydpi=device-dpi">');
			}else{
				document.write('<meta name="viewport" content="width=device-width, maximum-scale=1.0,target-densitydpi=device-dpi">');
			}
		</script>
	</head>

	<body>
		<div id="backbox">
			<div id="contain">
				<div id="app">
					<div class="back" v-for="(item,index) in 9" :id="gernerateId(index)"></div>
					<div class="buttom" v-for="(item,index) in animals" :style="{'left':(index%4)*200+50 +'px','top':parseInt(index/4)*200+50+'px'}" :id="gernerateBtmId(index)" @click="moveblank($event)">
					</div>
					<div class="safe" v-for="(item,index) in 4" :style="{'left':(index%2)*400+150+'px','top':parseInt(index/2)*400+135+'px'}" :id="safeId(index)" @click="movesafe($event)"></div>
					<div class="item" v-model="isChoose" v-show="item.show===1" :class="{'choose':index==isChoose}" v-for="(item,index) in animals" style="background-image: url(img/default.jpg)" :style="{'left':(index%4)*200+50 +'px','top':parseInt(index/4)*200+45+'px'}" :id="gernerateItemId(index)" @click="moveitem($event)">
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/index.vue.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>

</html>