Главная Обзор Помощь
Регистрация Войти
zhoufan
/
SQZC12345_Web
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 55 Релизы 0 Вики
Просмотр исходного кода

柘城app下载页面

miaofuhao лет назад: 7
Родитель
94d3672c26
Сommit
a0a72030ad
5 измененных файлов с 71 добавлено и 53 удалено
Единый вид Показать статистику Diff
  1. 62 48
      WebSite/css/download.css
  2. 8 4
      WebSite/download.html
  3. BIN
      WebSite/img/bg.png
  4. BIN
      WebSite/img/btn.png
  5. 1 1
      WebSite/system.html

+ 62 - 48
WebSite/css/download.css
Просмотреть файл

177 
 	float: right;
177 
 	float: right;
178 
 }
178 
 }
179
179
180 
-.download_bg{
180 
+.download_bg {
181 
 	position: absolute;
181 
 	position: absolute;
182 
 	display: -webkit-box;
182 
 	display: -webkit-box;
183 
 	-webkit-box-pack: center;
183 
 	-webkit-box-pack: center;
185 
 	width: 100%;
185 
 	width: 100%;
186 
 	height: 100%;
186 
 	height: 100%;
187 
 	background: url(../img/bg.png) no-repeat;
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 
 	position: absolute;
192 
 	position: absolute;
193 
 	top: 13.568215892053972%;
193 
 	top: 13.568215892053972%;
194 
 	left: 50%;
194 
 	left: 50%;
195 
 	margin-left: -96.305px;
195 
 	margin-left: -96.305px;
196 
 	text-align: center;
196 
 	text-align: center;
197 
 }
197 
 }
198 
-header h1{
198 
+
199 
+header h1 {
199 
 	font-size: 30px;
200 
 	font-size: 30px;
200 
 	font-family: "microsoft yahei";
201 
 	font-family: "microsoft yahei";
201 
 	font-weight: 600;
202 
 	font-weight: 600;
202 
 	color: #FFFFFF;
203 
 	color: #FFFFFF;
203 
 }
204 
 }
204 
-header h1 span:nth-of-type(2){
205 
+
206 
+header h1 span:nth-of-type(2) {
205 
 	display: inline-block;
207 
 	display: inline-block;
206 
 	background-color: #c2352b;
208 
 	background-color: #c2352b;
207 
 }
209 
 }
208 
-header p{
210 
+
211 
+header p {
209 
 	font-size: 18px;
212 
 	font-size: 18px;
210 
 	font-family: "黑体";
213 
 	font-family: "黑体";
211 
 	margin-top: 4px;
214 
 	margin-top: 4px;
212 
 	letter-spacing: 3.4px;
215 
 	letter-spacing: 3.4px;
213 
 }
216 
 }
214
217
215 
-footer{
218 
+footer {
216 
 	position: absolute;
219 
 	position: absolute;
217 
 	left: 50%;
220 
 	left: 50%;
218 
 	margin-left: -112px;
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 
 	width: 224px;
227 
 	width: 224px;
225 
 	height: 44px;
228 
 	height: 44px;
226 
 	box-sizing: border-box;
229 
 	box-sizing: border-box;
227 
 	line-height: 44px;
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 
 	display: none;
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 
 	top: 20px;
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 
 	line-height: 1.5;
283 
 	line-height: 1.5;
271 
 }
284 
 }
272 
-#downloadBtnW{
285 
+
286 
+#downloadBtnW {
273 
 	display: none;
287 
 	display: none;
274 
-}
288 
+}

+ 8 - 4
WebSite/download.html
Просмотреть файл

11 
 </head>
11 
 </head>
12 
 <body>
12 
 <body>
13 
 	<div class="download_bg">
13 
 	<div class="download_bg">
14 
-		<header>
14 
+		<!--<header>
15 
 			<h1>
15 
 			<h1>
16 
 				<span>柘城县</span>
16 
 				<span>柘城县</span>
17 
 				<span>12345</span>
17 
 				<span>12345</span>
18 
 			</h1>
18 
 			</h1>
19 
 			<p>真实倾听，群众呼声</p>
19 
 			<p>真实倾听，群众呼声</p>
20 
-		</header>
20 
+		</header>-->
21 
 		<footer>
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 
 		</footer>
28 
 		</footer>
25 
 	</div>
29 
 	</div>
26 
 	<div class="wxtip" id="JweixinTip">
30 
 	<div class="wxtip" id="JweixinTip">

BIN
WebSite/img/bg.png
Просмотреть файл


BIN
WebSite/img/btn.png
Просмотреть файл


+ 1 - 1
WebSite/system.html
Просмотреть файл

15 
 			<div class="sys-word">
15 
 			<div class="sys-word">
16 
 				<p class="weihu">柘城县长热线平台正在升级维护中……</p>
16 
 				<p class="weihu">柘城县长热线平台正在升级维护中……</p>
17 
 				<p class="sys-time">2017年4月20日22:00-24:00，给您带来不便，敬请谅解！</p>
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 
 			</div>
19 
 			</div>
20
20
21 
 		</div>
21 
 		</div>