From 515ff1ff2fb2e04bda7e8162637403b42a1efeb1 Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Fri, 9 Nov 2018 14:12:21 +0800 Subject: [PATCH] rebuild --- css/common.css | 14 +++++++------- css/index.css | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------- img/bg.png | Bin 411995 -> 0 bytes img/bodybg.png | Bin 0 -> 2701132 bytes img/footer-bg.png | Bin 0 -> 33883 bytes img/footer-nav1-icon.png | Bin 0 -> 5341 bytes img/footer-nav2-icon.png | Bin 0 -> 3754 bytes img/footer-nav3-icon.png | Bin 0 -> 4554 bytes img/silde-wrap1-icon.png | Bin 0 -> 170620 bytes img/userId-icon.png | Bin 0 -> 1257 bytes index.html | 129 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------ js/index.js | 38 +++++++++++++++++++++++--------------- js/slider.js | 19 +++++++++++++++++++ js/unit.js | 1 + 14 files changed, 193 insertions(+), 93 deletions(-) delete mode 100755 img/bg.png create mode 100644 img/bodybg.png create mode 100644 img/footer-bg.png create mode 100644 img/footer-nav1-icon.png create mode 100644 img/footer-nav2-icon.png create mode 100644 img/footer-nav3-icon.png create mode 100644 img/silde-wrap1-icon.png create mode 100644 img/userId-icon.png create mode 100644 js/slider.js 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 Binary files a/img/bg.png and /dev/null differ diff --git a/img/bodybg.png b/img/bodybg.png new file mode 100644 index 0000000..391a860 Binary files /dev/null and b/img/bodybg.png differ diff --git a/img/footer-bg.png b/img/footer-bg.png new file mode 100644 index 0000000..c66f68f Binary files /dev/null and b/img/footer-bg.png differ diff --git a/img/footer-nav1-icon.png b/img/footer-nav1-icon.png new file mode 100644 index 0000000..5c4d073 Binary files /dev/null and b/img/footer-nav1-icon.png differ diff --git a/img/footer-nav2-icon.png b/img/footer-nav2-icon.png new file mode 100644 index 0000000..0ab07e3 Binary files /dev/null and b/img/footer-nav2-icon.png differ diff --git a/img/footer-nav3-icon.png b/img/footer-nav3-icon.png new file mode 100644 index 0000000..aa953d8 Binary files /dev/null and b/img/footer-nav3-icon.png differ diff --git a/img/silde-wrap1-icon.png b/img/silde-wrap1-icon.png new file mode 100644 index 0000000..f04cbff Binary files /dev/null and b/img/silde-wrap1-icon.png differ diff --git a/img/userId-icon.png b/img/userId-icon.png new file mode 100644 index 0000000..ee42d0a Binary files /dev/null and b/img/userId-icon.png differ diff --git a/index.html b/index.html index 5fbc136..4a640ac 100755 --- a/index.html +++ b/index.html @@ -9,89 +9,97 @@ 平台汇总 - - + +
-
+
丹阳行
    -
  • - 登入 -
  • + + +
  • - 赤峰管理员 +
  • -
  • 加盟
  • +
-
-