BJ_web_developers / gateway

Commit abd1e2c0b5ab4e591c7f90939025cecd872791b7

Authored by Andy
1 parent 6ce89340

add new icon 新备案 新车主平台

Inline Side-by-side
Showing 11 changed files with 56 additions and 121 deletions
css/index.css
  View file @abd1e2c
@@ -1201,6 +1201,7 @@ header{ @@ -1201,6 +1201,7 @@ header{
1201 width: 100%; 1201 width: 100%;
1202 margin-top: 8px; 1202 margin-top: 8px;
1203 } 1203 }
  1204 +/*new 新欢迎页样式 sta*/
1204 .silde-wrap{ 1205 .silde-wrap{
1205 width: 1200px; 1206 width: 1200px;
1206 height: 444px; 1207 height: 444px;
@@ -1233,56 +1234,21 @@ header{ @@ -1233,56 +1234,21 @@ header{
1233 cursor: pointer; 1234 cursor: pointer;
1234 position: relative; 1235 position: relative;
1235 } 1236 }
1236 -.parking-wrap div,.platform-wrap div,.api-wrap div{  
1237 - font-size:24px;  
1238 - font-weight:600;  
1239 - color:rgba(255,255,255,1);  
1240 -}  
1241 -.parking-wrap div:nth-of-type(1){  
1242 - position: absolute;  
1243 - left: 87px;  
1244 - top: 300px;  
1245 -}  
1246 -.parking-wrap div:nth-of-type(2){  
1247 - position: absolute;  
1248 - left: 1012px;  
1249 - top: 162px;  
1250 -}  
1251 -.parking-wrap div:nth-of-type(3){  
1252 - position: absolute;  
1253 - left: 1012px;  
1254 - top: 387px;  
1255 -}  
1256 -.platform-wrap div:nth-of-type(1){  
1257 - position: absolute;  
1258 - left: 87px;  
1259 - top: 160px;  
1260 -}  
1261 -.platform-wrap div:nth-of-type(2){  
1262 - position: absolute;  
1263 - left: 87px;  
1264 - top: 390px;  
1265 -}  
1266 -.platform-wrap div:nth-of-type(3){  
1267 - position: absolute;  
1268 - left: 1012px;  
1269 - top: 327px;  
1270 -}  
1271 -.api-wrap div:nth-of-type(1){  
1272 - position: absolute;  
1273 - left: 87px;  
1274 - top: 350px;  
1275 -}  
1276 -.api-wrap div:nth-of-type(2){  
1277 - position: absolute;  
1278 - left: 1012px;  
1279 - top: 170px; 1237 +.gprmxc-wrap{
  1238 + width: 1200px;
  1239 + height: 444px;
  1240 + background:url("../img/silde-wrap4-icon.png") no-repeat ;
  1241 + cursor: pointer;
  1242 + position: relative;
1280 } 1243 }
1281 -.api-wrap div:nth-of-type(3){  
1282 - position: absolute;  
1283 - left: 1012px;  
1284 - top: 390px; 1244 +.caruser-wrap{
  1245 + width: 1200px;
  1246 + height: 444px;
  1247 + background:url("../img/silde-wrap5-icon.png") no-repeat ;
  1248 + cursor: pointer;
  1249 + position: relative;
1285 } 1250 }
  1251 +
1286 /*底部_______________________________________________*/ 1252 /*底部_______________________________________________*/
1287 .footer-nav{ 1253 .footer-nav{
1288 width: 1270px; 1254 width: 1270px;
@@ -1303,15 +1269,36 @@ header{ @@ -1303,15 +1269,36 @@ header{
1303 background-repeat: no-repeat; 1269 background-repeat: no-repeat;
1304 background-position: center 0; 1270 background-position: center 0;
1305 } 1271 }
1306 -.footer-nav li:nth-of-type(1){ 1272 +.footer-nav .parking-nav{
1307 background-image:url("../img/footer-nav1-icon.png") ; 1273 background-image:url("../img/footer-nav1-icon.png") ;
1308 } 1274 }
1309 -.footer-nav li:nth-of-type(2){ 1275 +.footer-nav .platform-nav{
1310 background-image:url("../img/footer-nav2-icon.png") ; 1276 background-image:url("../img/footer-nav2-icon.png") ;
1311 } 1277 }
1312 -.footer-nav li:nth-of-type(3){ 1278 +.footer-nav .api-nav{
1313 background-image:url("../img/footer-nav3-icon.png") ; 1279 background-image:url("../img/footer-nav3-icon.png") ;
1314 } 1280 }
  1281 +.footer-nav .gprmxc-nav{
  1282 + background-image:url("../img/footer-nav4-icon.png") ;
  1283 +}
  1284 +.footer-nav .caruser-nav{
  1285 + background-image:url("../img/footer-nav5-icon.png") ;
  1286 +}
  1287 +.footer-nav .parking-nav.active{
  1288 + color:#369bf5;
  1289 +}
  1290 +.footer-nav .platform-nav.active{
  1291 + color:#F5BE19;
  1292 +}
  1293 +.footer-nav .api-nav.active{
  1294 + color:#1FB276;
  1295 +}
  1296 +.footer-nav .gprmxc-nav.active{
  1297 + color:#e93644;
  1298 +}
  1299 +.footer-nav .caruser-nav.active{
  1300 + color:#21cabd;
  1301 +}
1315 .nav-active{ 1302 .nav-active{
1316 background-color:rgba(255,255,255,.1) ; 1303 background-color:rgba(255,255,255,.1) ;
1317 border-radius:31px; 1304 border-radius:31px;
favicon.ico 100755 → 100644
View file @abd1e2c
No preview for this file type
img/footer-nav1-icon.png
View file @abd1e2c

5.22 KB | W: | H:

17.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
img/footer-nav4-icon.png 0 → 100644
View file @abd1e2c

18.9 KB
img/footer-nav5-icon.png 0 → 100644
View file @abd1e2c

18.5 KB
img/logo.png
View file @abd1e2c

662 Bytes | W: | H:

1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
img/logo_dy.png 0 → 100644
View file @abd1e2c

662 Bytes
img/silde-wrap4-icon.png 0 → 100644
View file @abd1e2c

265 KB
img/silde-wrap5-icon.png 0 → 100644
View file @abd1e2c

135 KB
index.html
  View file @abd1e2c
@@ -18,89 +18,33 @@ @@ -18,89 +18,33 @@
18 <!--头部--> 18 <!--头部-->
19 <header> 19 <header>
20 <div class="index_topbar clearfix"> 20 <div class="index_topbar clearfix">
21 - <span class="topbar_lmodel">丹阳行</span> 21 + <span class="topbar_lmodel">任你停</span>
22 <ul class="topbar_rmodel"> 22 <ul class="topbar_rmodel">
23 - <!--登录前-->  
24 - <!--<li id="topbar_tologin" class="topbar_tologin" onclick="window.location.href='login.html'">-->  
25 - <!--登入-->  
26 - <!--</li>-->  
27 - <!--登录后-->  
28 <li class="topbar_userMsg" id="topbar_userMsg"> 23 <li class="topbar_userMsg" id="topbar_userMsg">
29 <span class="userId" id="userId"></span> 24 <span class="userId" id="userId"></span>
30 <span class="login_out_btn" id="login_out_btn">退出</span> 25 <span class="login_out_btn" id="login_out_btn">退出</span>
31 </li> 26 </li>
32 - <!--<li class="topbar_addLeague" onclick="window.location.href='league.html'">加盟</li>-->  
33 </ul> 27 </ul>
34 28
35 </div> 29 </div>
36 </header> 30 </header>
37 <!--内容--> 31 <!--内容-->
38 <div class="main-con clearfix"> 32 <div class="main-con clearfix">
39 - <!--<ul class="main-wrap" id="main-wrap">-->  
40 - <!--<li>-->  
41 - <!--<div class="demo1">-->  
42 - <!--<figure class="imghvr-push-down"><img src="img/index-l-1.png">-->  
43 - <!--<figcaption class="posrel">-->  
44 - <!--<img src="img/index-l-2.png">-->  
45 - <!--<div class="posabs clicklink" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html">企业云</div>-->  
46 -<!--&lt;!&ndash; <div class="posabs clicklink" id="monPlat" data-link="http://www.rnting.com/monitoringPlatform/" >监控平台</div>-->  
47 -<!--&ndash;&gt;-->  
48 - <!--</figcaption>-->  
49 - <!--</figure>-->  
50 - <!--</div>-->  
51 - <!--</li>-->  
52 - <!--<li>-->  
53 - <!--<div class="demo2">-->  
54 - <!--<figure class="imghvr-push-down"><img src="img/index-t-1.png">-->  
55 - <!--<figcaption class="posrel">-->  
56 - <!--<img src="img/index-t-2.png">-->  
57 -<!--&lt;!&ndash;-->  
58 - <!--<div class="posabs clicklink" id="cfgov_data" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html">数据平台</div>-->  
59 -<!--&ndash;&gt;-->  
60 -<!--<div class="posabs clicklink" id="cfgov_data1" data-link="http://gov.dyszt.com/govcloud/webpage/auth.html?authCode=104b8b62e02a324e9c4c9e52ad5b0003">数据平台</div>-->  
61 - <!--</figcaption>-->  
62 - <!--</figure>-->  
63 - <!--</div>-->  
64 - <!--<div class="demo3">-->  
65 - <!--<figure class="imghvr-push-down"><img src="img/index-b-1.png">-->  
66 - <!--<figcaption class="posrel">-->  
67 - <!--<img src="img/index-b-2.png">-->  
68 -<!--&lt;!&ndash;-->  
69 - <!--<div class="posabs clicklink" id="onlyInterLogin" data-link="">接口平台</div>-->  
70 -<!--&ndash;&gt;-->  
71 - <!--</figcaption>-->  
72 - <!--</figure>-->  
73 - <!--</div>-->  
74 - <!--</li>-->  
75 - <!--<li>-->  
76 - <!--<div class="demo4">-->  
77 - <!--<figure class="imghvr-push-down"><img src="img/index-r-1.png">-->  
78 - <!--<figcaption class="posrel">-->  
79 - <!--<img src="img/index-r-2.png">-->  
80 -<!--&lt;!&ndash;-->  
81 - <!--<div class="posabs clicklink" id="gprmxc" data-link="http://www.rnting.com/gprmxc/home/home.html">备案系统</div>-->  
82 - <!--<div class="posabs clicklink" id="caruser_msg" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html">车主系统</div>-->  
83 -<!--&ndash;&gt;-->  
84 - <!--</figcaption>-->  
85 - <!--</figure>-->  
86 - <!--</div>-->  
87 - <!--</li>-->  
88 - <!--</ul>-->  
89 <ul class="silde-wrap" id="box"> 33 <ul class="silde-wrap" id="box">
90 <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"> 34 <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html">
91 - <div>车场概况</div>  
92 - <div>实时监控</div>  
93 - <div>订单管理</div> 35 +
94 </li> 36 </li>
95 <li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html"> 37 <li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html">
96 - <div>车场概况</div>  
97 - <div>实时监控</div>  
98 - <div>订单管理</div> 38 +
99 </li> 39 </li>
100 <li class="api-wrap" data-link="http://www.rnting.com/api/index.html"> 40 <li class="api-wrap" data-link="http://www.rnting.com/api/index.html">
101 - <div>车场概况</div>  
102 - <div>实时监控</div>  
103 - <div>订单管理</div> 41 +
  42 + </li>
  43 + <li class="gprmxc-wrap" data-link="http://gprmxc.renniting.cn/home/home.html">
  44 +
  45 + </li>
  46 + <li class="caruser-wrap" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html">
  47 +
104 </li> 48 </li>
105 </ul> 49 </ul>
106 50
@@ -108,9 +52,11 @@ @@ -108,9 +52,11 @@
108 <!--底部--> 52 <!--底部-->
109 <footer> 53 <footer>
110 <ul class="footer-nav" id="controls"> 54 <ul class="footer-nav" id="controls">
111 - <li class="" data-slideindex="0">云平台</li>  
112 - <li data-slideindex="1">数据平台</li>  
113 - <li data-slideindex="2">接口平台</li> 55 + <li class="parking-nav active" data-slideindex="0">云平台</li>
  56 + <li class="platform-nav" data-slideindex="1">数据平台</li>
  57 + <li class="api-nav" data-slideindex="2">接口平台</li>
  58 + <li class="gprmxc-nav" data-slideindex="3">备案系统</li>
  59 + <li class="caruser-nav" data-slideindex="4">车主平台</li>
114 </ul> 60 </ul>
115 </footer> 61 </footer>
116 <!--提示弹窗 sta--> 62 <!--提示弹窗 sta-->
js/index.js
  View file @abd1e2c
@@ -62,8 +62,10 @@ $box.boxSlider({ @@ -62,8 +62,10 @@ $box.boxSlider({
62 }); 62 });
63 63
64 $('#controls').on('click', 'li', function (ev) { 64 $('#controls').on('click', 'li', function (ev) {
65 - console.log($(this).data('slideindex')) 65 + $('#controls li').removeClass('active');
  66 + console.log($(this).data('slideindex'));
66 $box.boxSlider('showSlide', $(this).data('slideindex')); 67 $box.boxSlider('showSlide', $(this).data('slideindex'));
  68 + $(this).addClass('active');
67 //ev.preventDefault(); 69 //ev.preventDefault();
68 }); 70 });
69 71