huxiaomei 2 年之前
父節點
當前提交
cf528e54e6
共有 6 個文件被更改,包括 74 次插入75 次删除
  1. 67 71
      css/over.css
  2. 3 2
      fail.html
  3. 二進制
      img/btn.png
  4. 二進制
      img/fail.png
  5. 二進制
      img/success.png
  6. 4 2
      success.html

+ 67 - 71
css/over.css

@@ -1,72 +1,68 @@
 html,
-			body,
-			h1,
-			h2,
-			h3,
-			h4,
-			h5,
-			h6,
-			p,
-			ul,
-			li,
-			div,
-			section {
-				padding: 0;
-				margin: 0;
-			}
-			
-			html,
-			body {
-				width: 100%;
-				height: 100%;
-				font-family: "微软雅黑";
-			}
-			
-			.full {
-				position: fixed;
-				top: 0;
-				left: 0;
-				bottom: 0;
-				right: 0;
-			}
-			
-			.end-box {
-				background: rgba(0, 0, 0, 0.8);
-			}
-			
-			.end-box:before {
-				content: "";
-				position: absolute;
-				top: 20vh;
-				left: 10vw;
-				width: 80vw;
-				height: 5vh;
-				background: url(../img/qus-top.png) no-repeat center top;
-				background-size: auto 5vh;
-			}
-			
-			.end {
-				margin: 25vh auto 0;
-				background-color: #fede82;
-				height: 60vw;
-				width: 80vw;
-				border-radius: 5vw;
-				box-sizing: border-box;
-				padding: 20vw 5px;
-				line-height: 10vw;
-				font-size: 6vw;
-				text-align: center;
-				color: #FF5216;
-				font-weight: bold;
-			}
-			
-			.btn{
-			display:block;
-			width:50vw;
-			margin:20px auto;
-			}
-			.btn img{
-				display:block;
-				width:100%;
-				height:auto;
-			}
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+div,
+section {
+	padding: 0;
+	margin: 0;
+}
+
+html,
+body {
+	width: 100%;
+	height: 100%;
+	font-family: "微软雅黑";
+}
+body{
+}
+.full {
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+
+.end-box {
+	/* background: rgba(0, 0, 0, 0.8); */
+	background:url(../img/bg.png) no-repeat center top;
+	background-size:cover;
+}
+
+
+.end {
+	margin: 25vw auto 0;
+	min-height: 75vw;
+	width: 86vw;
+	line-height: 10vw;
+	font-size: 6vw;
+	text-align: center;
+	color: #FF5216;
+	font-weight: bold;
+}
+.end img{
+	display:block;
+	width:100%;
+	height:auto;
+}
+
+.btn {
+	display: block;
+	width: 43vw;
+	min-height:12vw;
+	margin: 10vw auto;
+}
+
+.btn img {
+	display: block;
+	width: 100%;
+	height: auto;
+}

+ 3 - 2
fail.html

@@ -4,11 +4,12 @@
 		<meta charset="utf-8">
 		<title></title>
 		<link rel="stylesheet" href="css/over.css">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
 	<body>
 		<section class="end-box full" id="endBox">
-			<div class="end" id="fail">很遗憾<br/>你的答题之旅结束了!!!</div>
-			<a href="https://www.100t.com/gjnh/2022.php"class="btn"><img src="img/pbtn2.png"></a>
+			<div class="end" id="fail"><img src="img/fail.png" alt=""></div>
+			<a href="https://www.100t.com/gjnh/2022.php"class="btn"><img src="img/btn.png"></a>
 		</section>
 	</body>
 </html>

二進制
img/btn.png


二進制
img/fail.png


二進制
img/success.png


+ 4 - 2
success.html

@@ -4,11 +4,13 @@
 		<meta charset="utf-8">
 		<title></title>
 		<link rel="stylesheet" href="css/over.css">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
 	<body>
 		<section class="end-box full" id="endBox">
-			<div class="end" id="success">恭喜你<br/>答题之王就是您!!!</div>
-			<a href="https://www.100t.com/gjnh/2022.php"class="btn"><img src="img/pbtn2.png"></a>
+			<div class="end" id="success"><img src="img/success.png" alt=""></div>
+			<a href="https://www.100t.com/gjnh/2022.php"class="btn"><img src="img/btn.png"></a>
 		</section>
 	</body>
 </html>
+