-
-
-
- --
--
- --
企业云- -
- -
- --
--
- -- -
数据平台--- --
- -- -
- -
- --
--
- -- -
+
-
+
+
+
diff --git a/css/common.css b/css/common.css index 5c3a6cc..cfdf3ef 100755 --- a/css/common.css +++ b/css/common.css @@ -59,23 +59,23 @@ table { .posabs{ position: absolute; } -.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} +.clearfix{clear:both;height:0;overflow:hidden;} /*头部*/ header{ height: 80px; - background:#1e1e1e; } /*底部*/ footer{ width:100%; - height:40px; + height:130px; position:fixed; bottom:0; left:0; - background:#1e1e1e; + /*background:#1e1e1e;*/ cursor: pointer; - color: rgba(255,255,255,0.4); + /*color: rgba(255,255,255,0.4);*/ font-size: 12px; text-align: center; - line-height: 40px; -} \ No newline at end of file + /*line-height: 40px;*/ +} + diff --git a/css/index.css b/css/index.css index 8bcd64c..d12dfd5 100755 --- a/css/index.css +++ b/css/index.css @@ -3,16 +3,19 @@ body,html{ height: 100%; overflow: hidden; letter-spacing:1px; + background: url("../img/bodybg.png") no-repeat; + background-size:100% 100% ; } /**/ header{ height: 80px; - background-color: #1a222c; + /*background-color: #1a222c;*/ } .index_topbar{ width: 1160px; height: 80px; margin: 0 auto; + /*overflow: hidden;*/ } .topbar_lmodel{ background: url(../img/logo.png) no-repeat; @@ -23,7 +26,7 @@ header{ font-size: 22px; color: #fff; text-indent: 53px; - display: inline-block; + float: left; margin-top: 23.5px; } .topbar_rmodel{ @@ -61,6 +64,8 @@ header{ margin-right: 26px; color: #fff; font-size: 14px; + padding-left: 48px; + background: url("../img/userId-icon.png") no-repeat 0 center; } .topbar_userMsg li{ float: left; @@ -69,10 +74,11 @@ header{ cursor: pointer; } .userId{ - width: 80px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + /*width: 80px;*/ + /*overflow: hidden;*/ + /*white-space: nowrap;*/ + /*text-overflow: ellipsis;*/ + } .login_out_btn{ cursor: pointer; @@ -82,11 +88,9 @@ header{ /**/ .main-con{ width: 100%; - height: calc(100% - 120px); - height: -webkit-calc(100% - 120px); - height: -moz-calc(100% - 120px); - background: url("../img/bg.png") no-repeat; - background-size: 100% 100%; + height: calc(100% - 210px); + height: -webkit-calc(100% - 210px); + height: -moz-calc(100% - 210px); position: relative; } .main-wrap{ @@ -1198,4 +1202,63 @@ header{ width: 100%; margin-top: 8px; } +.silde-wrap{ + width: 1200px; + height: 444px; + overflow: hidden; + margin: 0 auto; + +} +.silde-wrap li:nth-of-type(1){ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap1-icon.png") no-repeat ; + cursor: pointer; +} +.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; +} +/*底部_______________________________________________*/ +.footer-nav{ + width: 1270px; + height: 130px; + margin: 0 auto; + background: url("../img/footer-bg.png") no-repeat center bottom; + display: flex; +} +.footer-nav li{ + flex: 1; + width: 76px; + height: 130px; + padding-top: 86px; + cursor: pointer; + font-size:24px; + font-weight:600; + color:rgba(255,255,255,1); + background-repeat: no-repeat; + background-position: center 0; +} +.footer-nav li:nth-of-type(1){ + background-image:url("../img/footer-nav1-icon.png") ; +} +.footer-nav li:nth-of-type(2){ + background-image:url("../img/footer-nav2-icon.png") ; +} +.footer-nav li:nth-of-type(3){ + background-image:url("../img/footer-nav3-icon.png") ; +} +.nav-active{ + background-color:rgba(255,255,255,.1) ; + border-radius:31px; + border:1px solid rgba(158,231,255,.3); +} diff --git a/img/bg.png b/img/bg.png deleted file mode 100755 index 475aa82..0000000 --- a/img/bg.png +++ /dev/null diff --git a/img/bodybg.png b/img/bodybg.png new file mode 100644 index 0000000..391a860 --- /dev/null +++ b/img/bodybg.png diff --git a/img/footer-bg.png b/img/footer-bg.png new file mode 100644 index 0000000..c66f68f --- /dev/null +++ b/img/footer-bg.png diff --git a/img/footer-nav1-icon.png b/img/footer-nav1-icon.png new file mode 100644 index 0000000..5c4d073 --- /dev/null +++ b/img/footer-nav1-icon.png diff --git a/img/footer-nav2-icon.png b/img/footer-nav2-icon.png new file mode 100644 index 0000000..0ab07e3 --- /dev/null +++ b/img/footer-nav2-icon.png diff --git a/img/footer-nav3-icon.png b/img/footer-nav3-icon.png new file mode 100644 index 0000000..aa953d8 --- /dev/null +++ b/img/footer-nav3-icon.png diff --git a/img/silde-wrap1-icon.png b/img/silde-wrap1-icon.png new file mode 100644 index 0000000..f04cbff --- /dev/null +++ b/img/silde-wrap1-icon.png diff --git a/img/userId-icon.png b/img/userId-icon.png new file mode 100644 index 0000000..ee42d0a --- /dev/null +++ b/img/userId-icon.png diff --git a/index.html b/index.html index 5fbc136..4a640ac 100755 --- a/index.html +++ b/index.html @@ -9,89 +9,97 @@