Kaynağa Gözat

柘城app下载页面

miaofuhao 7 yıl önce
ebeveyn
işleme
a0a72030ad

+ 62 - 48
WebSite/css/download.css

@@ -177,7 +177,7 @@ a:focus {
177 177
 	float: right;
178 178
 }
179 179
 
180
-.download_bg{
180
+.download_bg {
181 181
 	position: absolute;
182 182
 	display: -webkit-box;
183 183
 	-webkit-box-pack: center;
@@ -185,90 +185,104 @@ a:focus {
185 185
 	width: 100%;
186 186
 	height: 100%;
187 187
 	background: url(../img/bg.png) no-repeat;
188
-    background-size: 100% 100%;
188
+	background-size: 100% 100%;
189 189
 }
190 190
 
191
-header{
191
+header {
192 192
 	position: absolute;
193 193
 	top: 13.568215892053972%;
194 194
 	left: 50%;
195 195
 	margin-left: -96.305px;
196 196
 	text-align: center;
197 197
 }
198
-header h1{
198
+
199
+header h1 {
199 200
 	font-size: 30px;
200 201
 	font-family: "microsoft yahei";
201 202
 	font-weight: 600;
202 203
 	color: #FFFFFF;
203 204
 }
204
-header h1 span:nth-of-type(2){
205
+
206
+header h1 span:nth-of-type(2) {
205 207
 	display: inline-block;
206 208
 	background-color: #c2352b;
207 209
 }
208
-header p{
210
+
211
+header p {
209 212
 	font-size: 18px;
210 213
 	font-family: "黑体";
211 214
 	margin-top: 4px;
212 215
 	letter-spacing: 3.4px;
213 216
 }
214 217
 
215
-footer{
218
+footer {
216 219
 	position: absolute;
217 220
 	left: 50%;
218 221
 	margin-left: -112px;
219
-	bottom: 12.368815592203898%;	
222
+	bottom: 12.368815592203898%;
220 223
 }
221 224
 
222
-footer .download_btn {
223
-    display: inline-block;
225
+/*footer .download_btn {
226
+	display: inline-block;
224 227
 	width: 224px;
225 228
 	height: 44px;
226 229
 	box-sizing: border-box;
227 230
 	line-height: 44px;
228
-	text-align: center;    
229
-    font-size: 19px;
230
-    font-weight: normal;
231
-	color: #3bade4; 
232
-	background-color: #FFFFFF;   
233
-    white-space: nowrap;
234
-    vertical-align: middle;
235
-    -ms-touch-action: manipulation;
236
-    touch-action: manipulation;
237
-    -webkit-user-select: none;
238
-    -moz-user-select: none;
239
-    -ms-user-select: none;
240
-    user-select: none;
241
-    background-image: none;
242
-    border: 1px solid transparent;
243
-    border-radius: 4px;
231
+	text-align: center;
232
+	font-size: 19px;
233
+	font-weight: normal;
234
+	color: #3bade4;
235
+	background-color: #FFFFFF;
236
+	white-space: nowrap;
237
+	vertical-align: middle;
238
+	-ms-touch-action: manipulation;
239
+	touch-action: manipulation;
240
+	-webkit-user-select: none;
241
+	-moz-user-select: none;
242
+	-ms-user-select: none;
243
+	user-select: none;
244
+	background-image: none;
245
+	border: 1px solid transparent;
246
+	border-radius: 4px;
247
+}*/
248
+footer .download_btn {
249
+	display: block;
250
+	width: 224px;
251
+	height: 44px;
252
+}
253
+footer .download_btn img{
254
+	width: 100%;
244 255
 }
245 256
 
246
-.wxtip{
247
-	background: rgba(0,0,0,0.8); 
248
-	text-align: center; 
249
-	position: fixed; 
250
-	left:0; 
251
-	top: 0; 
252
-	width: 100%; 
253
-	height: 100%; 
254
-	z-index: 998; 
257
+.wxtip {
258
+	background: rgba(0, 0, 0, 0.8);
259
+	text-align: center;
260
+	position: fixed;
261
+	left: 0;
262
+	top: 0;
263
+	width: 100%;
264
+	height: 100%;
265
+	z-index: 998;
255 266
 	display: none;
256 267
 }
257
-.wxtip-icon{
258
-	width: 164px; 
259
-	height: 153px; 
260
-	background: url(../img/weixin-tip.png) no-repeat; 
261
-	display: block; 
262
-	position: absolute; 
263
-	right: 20px; 
268
+
269
+.wxtip-icon {
270
+	width: 164px;
271
+	height: 153px;
272
+	background: url(../img/weixin-tip.png) no-repeat;
273
+	display: block;
274
+	position: absolute;
275
+	right: 20px;
264 276
 	top: 20px;
265 277
 }
266
-.wxtip-txt{
267
-	margin-top: 150px; 
268
-	color: #fff; 
269
-	font-size: 16px; 
278
+
279
+.wxtip-txt {
280
+	margin-top: 150px;
281
+	color: #fff;
282
+	font-size: 16px;
270 283
 	line-height: 1.5;
271 284
 }
272
-#downloadBtnW{
285
+
286
+#downloadBtnW {
273 287
 	display: none;
274
-}
288
+}

+ 8 - 4
WebSite/download.html

@@ -11,16 +11,20 @@
11 11
 </head>
12 12
 <body>
13 13
 	<div class="download_bg">
14
-		<header>
14
+		<!--<header>
15 15
 			<h1>
16 16
 				<span>柘城县</span>
17 17
 				<span>12345</span>
18 18
 			</h1>
19 19
 			<p>真实倾听,群众呼声</p>
20
-		</header>
20
+		</header>-->
21 21
 		<footer>
22
-			<a class="download_btn" id="downloadBtn" download="filename">立即下载</a>
23
-			<a class="download_btn" id="downloadBtnW">立即下载</a>
22
+			<a class="download_btn" id="downloadBtn" download="filename">
23
+				<img src="img/btn.png"/>
24
+			</a>
25
+			<a class="download_btn" id="downloadBtnW">
26
+				<img src="img/btn.png"/>
27
+			</a>
24 28
 		</footer>
25 29
 	</div>
26 30
 	<div class="wxtip" id="JweixinTip">

BIN
WebSite/img/bg.png


BIN
WebSite/img/btn.png


+ 1 - 1
WebSite/system.html

@@ -15,7 +15,7 @@
15 15
 			<div class="sys-word">
16 16
 				<p class="weihu">柘城县长热线平台正在升级维护中……</p>
17 17
 				<p class="sys-time">2017年4月20日22:00-24:00,给您带来不便,敬请谅解!</p>
18
-					<p class="sys-xuan">鹿邑县政府</p>
18
+					<p class="sys-xuan">柘城县政府</p>
19 19
 			</div>
20 20
 			
21 21
 		</div>