Commit c72e61b6b10481a6fb1e2af441b02462e418f4f2
1 parent
8f9b7af5
进入平台
Showing
3 changed files
with
22 additions
and
5 deletions
css/index.css
... | ... | @@ -92,6 +92,22 @@ header{ |
92 | 92 | height: -moz-calc(100% - 210px); |
93 | 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 | 111 | .main-wrap{ |
96 | 112 | width: 1186px; |
97 | 113 | height: 472px; | ... | ... |
index.html
js/index.js
... | ... | @@ -76,28 +76,28 @@ var fun={ |
76 | 76 | if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ |
77 | 77 | |
78 | 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 | 82 | else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ |
83 | 83 | |
84 | 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 | 87 | else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ |
88 | 88 | |
89 | 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 | 92 | else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ |
93 | 93 | |
94 | 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 | 97 | else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ |
98 | 98 | |
99 | 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 | ... | ... |