Quellcode durchsuchen

cps联运落地页

wuyongxiang vor 3 Jahren
Ursprung
Commit
8c1bdb5b57

+ 81 - 0
androidscloudH5/css/style.css

@@ -0,0 +1,81 @@
+body {
+	margin: 0;
+	padding: 0;
+	background-color: #f7f8fb;
+}
+
+img {
+/* 	width: 100%;
+	height: 100%; */
+	object-fit: cover;
+}
+
+input,
+select {
+	outline: none;
+	background-color: transparent;
+	border: 0;
+	margin: 0;
+}
+
+a {
+	text-decoration: none;
+}
+
+.wrap {
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.page {
+	width: 100%;
+	position: relative;
+	background: url(../image/f03058dcf27d4599b062ad31a46d5900.png) center top no-repeat;
+	background-size: 100% 100%;
+	-moz-background-size: 100% 100%;
+	/* height: 41.6875rem; */
+}
+
+.download-btn-2 {
+	position: absolute;
+	bottom: 3%;
+}
+
+.download-btn-2 img {
+	margin: 0 auto;
+}
+
+header {
+	width: 100%;
+}
+
+.default-menu.navbar {
+	padding-bottom: 0;
+	padding-top: 0;
+	min-height: 70px;
+	margin-bottom: 0;
+	background-color: #ffffff;
+	font-family: "Raleway", sans-serif;
+	position: fixed;
+}
+
+.navbar {
+	padding-bottom: 0;
+	padding-top: 0;
+	min-height: 70px;
+	margin-bottom: 0;
+	background-color: #ffffff;
+	font-family: "Raleway", sans-serif;
+	position: fixed;
+	width: 100%;
+	z-index: 10;
+	    
+}
+.container-fluid{
+	padding: 1rem 0.7rem;
+}
+.navbar img{
+	width: 5.3rem;
+	height: 100%;
+}

BIN
androidscloudH5/image/39ce1a05e2bb4fb0833a4ff9c55511f3.png


BIN
androidscloudH5/image/android.png


BIN
androidscloudH5/image/f03058dcf27d4599b062ad31a46d5900.png


+ 42 - 0
androidscloudH5/index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta charset="UTF-8">
+		<title>双子星</title>
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="css/style.css" />
+	</head>
+	<body>
+		<header>
+			<div class="navbar">
+				<div class="container-fluid">
+					<img src="image/39ce1a05e2bb4fb0833a4ff9c55511f3.png" />
+				</div>
+			</div>
+		</header>
+		<div class="wrap">
+			<div class="page" id="page">
+				<div class="download-btn-2">
+					<img class="btn-android" src="image/android.png" alt=""
+						style="width: 57%; margin-bottom: 20px; display: block;">
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="js/jquery-1.11.0.min.js"></script>
+	<script>
+		var html = document.querySelector("html");
+		var clientWidth = html.getBoundingClientRect().width;
+		html.style.fontSize = clientWidth / 23.4375 + "px";
+		const clientheight = window.screen.height;
+		$('#page').css('height', clientheight / (clientWidth / 23.4375) + "rem")
+
+		$('.download-btn-2').click(function() {
+
+			window.location.href =
+				'https://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601'
+		})
+	</script>
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 4 - 0
androidscloudH5/js/jquery-1.11.0.min.js


Datei-Diff unterdrückt, da er zu groß ist
+ 2 - 0
androidscloudH5/js/jquery-3.4.1.min.js