Commit c72e61b6b10481a6fb1e2af441b02462e418f4f2
1 parent
8f9b7af5
进入平台
Showing
3 changed files
with
22 additions
and
5 deletions
css/index.css
@@ -92,6 +92,22 @@ header{ | @@ -92,6 +92,22 @@ header{ | ||
92 | height: -moz-calc(100% - 210px); | 92 | height: -moz-calc(100% - 210px); |
93 | position: relative; | 93 | position: relative; |
94 | } | 94 | } |
95 | +.guide-way{ | ||
96 | + position: absolute; | ||
97 | + z-index: 1000; | ||
98 | + width: 100px; | ||
99 | + height: 60px; | ||
100 | + background-color: rgba(255,255,255,.5); | ||
101 | + text-align: center; | ||
102 | + line-height: 60px; | ||
103 | + left: 50%; | ||
104 | + top: 50%; | ||
105 | + font-size: 20px; | ||
106 | + margin: -30px 0 0 -50px; | ||
107 | + border: 1px solid #21cabd; | ||
108 | + font-weight: 500; | ||
109 | + border-radius: 5px; | ||
110 | +} | ||
95 | .main-wrap{ | 111 | .main-wrap{ |
96 | width: 1186px; | 112 | width: 1186px; |
97 | height: 472px; | 113 | height: 472px; |
index.html
@@ -32,6 +32,7 @@ | @@ -32,6 +32,7 @@ | ||
32 | </header> | 32 | </header> |
33 | <!--内容--> | 33 | <!--内容--> |
34 | <div class="main-con clearfix"> | 34 | <div class="main-con clearfix"> |
35 | + | ||
35 | <ul class="silde-wrap" id="box"> | 36 | <ul class="silde-wrap" id="box"> |
36 | <!-- | 37 | <!-- |
37 | <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"></li> | 38 | <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"></li> |
js/index.js
@@ -76,28 +76,28 @@ var fun={ | @@ -76,28 +76,28 @@ var fun={ | ||
76 | if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ | 76 | if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ |
77 | 77 | ||
78 | menuList+='<li class="parking-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | 78 | menuList+='<li class="parking-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
79 | - imgList+='<li class="parking-wrap" data-link="'+sysOpProList[i].projectUrl+'"></li>'; | 79 | + imgList+='<li class="parking-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; |
80 | 80 | ||
81 | } | 81 | } |
82 | else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ | 82 | else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ |
83 | 83 | ||
84 | menuList+='<li class="platform-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | 84 | menuList+='<li class="platform-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
85 | - imgList+='<li class="platform-wrap" data-link="'+sysOpProList[i].projectUrl+'"></li>'; | 85 | + imgList+='<li class="platform-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; |
86 | } | 86 | } |
87 | else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ | 87 | else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ |
88 | 88 | ||
89 | menuList+='<li class="api-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | 89 | menuList+='<li class="api-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
90 | - imgList+='<li class="api-wrap" data-link="'+sysOpProList[i].projectUrl+'"></li>'; | 90 | + imgList+='<li class="api-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; |
91 | } | 91 | } |
92 | else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ | 92 | else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ |
93 | 93 | ||
94 | menuList+='<li class="caruser-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | 94 | menuList+='<li class="caruser-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
95 | - imgList+='<li class="caruser-wrap" data-link="'+sysOpProList[i].projectUrl+'"></li>'; | 95 | + imgList+='<li class="caruser-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; |
96 | } | 96 | } |
97 | else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ | 97 | else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ |
98 | 98 | ||
99 | menuList+='<li class="gprmxc-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | 99 | menuList+='<li class="gprmxc-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
100 | - imgList+='<li class="gprmxc-wrap" data-link="'+sysOpProList[i].projectUrl+'"></li>'; | 100 | + imgList+='<li class="gprmxc-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; |
101 | } | 101 | } |
102 | 102 | ||
103 | 103 |