From 080a01e516d43956d749cad23a9cc6b54f79c5a1 Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Mon, 12 Nov 2018 10:36:19 +0800 Subject: [PATCH] 集合平台 --- css/index.css | 59 ++++++++++++++++++++++++++++++++++++++--------------------- index.html | 14 +++++++++++--- js/index.js | 19 +------------------ 3 files changed, 50 insertions(+), 42 deletions(-) diff --git a/css/index.css b/css/index.css index 7aedd49..ae8a1b6 100755 --- a/css/index.css +++ b/css/index.css @@ -12,7 +12,7 @@ header{ /*background-color: #1a222c;*/ } .index_topbar{ - width: 1160px; + width: 1200px; height: 80px; margin: 0 auto; /*overflow: hidden;*/ @@ -61,7 +61,6 @@ header{ /*登录后*/ .topbar_userMsg{ display: none; - margin-right: 26px; color: #fff; font-size: 14px; padding-left: 48px; @@ -1213,59 +1212,77 @@ header{ margin-top: -222px; } -.silde-wrap li:nth-of-type(1){ +.parking-wrap{ width: 1200px; height: 444px; background:url("../img/silde-wrap1-icon.png") no-repeat ; cursor: pointer; position: relative; } -.silde-wrap li:nth-of-type(2){ +.platform-wrap{ width: 1200px; height: 444px; background:url("../img/silde-wrap2-icon.png") no-repeat ; cursor: pointer; position: relative; } -.silde-wrap li:nth-of-type(3){ +.api-wrap{ width: 1200px; height: 444px; background:url("../img/silde-wrap3-icon.png") no-repeat ; cursor: pointer; position: relative; } -.silde-wrap li:nth-of-type(1) div{ +.parking-wrap div,.platform-wrap div,.api-wrap div{ font-size:24px; font-weight:600; color:rgba(255,255,255,1); } -.silde-wrap li:nth-of-type(1) div:nth-of-type(1){ +.parking-wrap div:nth-of-type(1){ position: absolute; left: 87px; top: 300px; } -.silde-wrap li:nth-of-type(1) div:nth-of-type(2){ +.parking-wrap div:nth-of-type(2){ position: absolute; left: 1012px; top: 162px; } -.silde-wrap li:nth-of-type(1) div:nth-of-type(3){ +.parking-wrap div:nth-of-type(3){ position: absolute; left: 1012px; top: 387px; } -/*.silde-wrap li:nth-of-type(2){*/ - /*width: 1200px;*/ - /*height: 444px;*/ - /*background-color: #ff0;*/ - /*cursor: pointer;*/ -/*}*/ -/*.silde-wrap li:nth-of-type(3){*/ - /*width: 1200px;*/ - /*height: 444px;*/ - /*background-color: #f0f;*/ - /*cursor: pointer;*/ -/*}*/ +.platform-wrap div:nth-of-type(1){ + position: absolute; + left: 87px; + top: 160px; +} +.platform-wrap div:nth-of-type(2){ + position: absolute; + left: 87px; + top: 390px; +} +.platform-wrap div:nth-of-type(3){ + position: absolute; + left: 1012px; + top: 327px; +} +.api-wrap div:nth-of-type(1){ + position: absolute; + left: 87px; + top: 350px; +} +.api-wrap div:nth-of-type(2){ + position: absolute; + left: 1012px; + top: 170px; +} +.api-wrap div:nth-of-type(3){ + position: absolute; + left: 1012px; + top: 390px; +} /*底部_______________________________________________*/ .footer-nav{ width: 1270px; diff --git a/index.html b/index.html index 5f69d3a..245a0db 100755 --- a/index.html +++ b/index.html @@ -87,13 +87,21 @@