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 1201 width: 100%;
1202 1202 margin-top: 8px;
1203 1203 }
  1204 +/*new 新欢迎页样式 sta*/
1204 1205 .silde-wrap{
1205 1206 width: 1200px;
1206 1207 height: 444px;
... ... @@ -1233,56 +1234,21 @@ header{
1233 1234 cursor: pointer;
1234 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 1253 .footer-nav{
1288 1254 width: 1270px;
... ... @@ -1303,15 +1269,36 @@ header{
1303 1269 background-repeat: no-repeat;
1304 1270 background-position: center 0;
1305 1271 }
1306   -.footer-nav li:nth-of-type(1){
  1272 +.footer-nav .parking-nav{
1307 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 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 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 1302 .nav-active{
1316 1303 background-color:rgba(255,255,255,.1) ;
1317 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 18 <!--头部-->
19 19 <header>
20 20 <div class="index_topbar clearfix">
21   - <span class="topbar_lmodel">丹阳行</span>
  21 + <span class="topbar_lmodel">任你停</span>
22 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 23 <li class="topbar_userMsg" id="topbar_userMsg">
29 24 <span class="userId" id="userId"></span>
30 25 <span class="login_out_btn" id="login_out_btn">退出</span>
31 26 </li>
32   - <!--<li class="topbar_addLeague" onclick="window.location.href='league.html'">加盟</li>-->
33 27 </ul>
34 28  
35 29 </div>
36 30 </header>
37 31 <!--内容-->
38 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 33 <ul class="silde-wrap" id="box">
90 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 36 </li>
95 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 39 </li>
100 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 48 </li>
105 49 </ul>
106 50  
... ... @@ -108,9 +52,11 @@
108 52 <!--底部-->
109 53 <footer>
110 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 60 </ul>
115 61 </footer>
116 62 <!--提示弹窗 sta-->
... ...
js/index.js
  View file @abd1e2c
... ... @@ -62,8 +62,10 @@ $box.boxSlider({
62 62 });
63 63  
64 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 67 $box.boxSlider('showSlide', $(this).data('slideindex'));
  68 + $(this).addClass('active');
67 69 //ev.preventDefault();
68 70 });
69 71  
... ...