diff --git a/src/main/resources/static/assets/web/css/index.css b/src/main/resources/static/assets/web/css/index.css index 54a0b80..833a179 100644 --- a/src/main/resources/static/assets/web/css/index.css +++ b/src/main/resources/static/assets/web/css/index.css @@ -1,6 +1,9 @@ .header{width:100%;height:550px;min-width:1200px;position:relative;background:url(../images/header-bg.png) no-repeat center;background-size:100% 100%} -.date{width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:12px;color:#333} +.date{overflow:hidden;width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:12px;color:#333} .date span{color:#b09158} +.day{float:left;} +.weather{float:right;} +.weather img{margin-left: 10px;width: 20px;height: 20px;vertical-align: middle;margin-top:-3px} .logo-nav{padding:10px 0;background:rgba(255,255,255,.6)} .logo-nav-content{width:1200px;margin:0 auto} .logo-nav-content:after,.nav ul:after{content:'';display:block;clear:both} @@ -9,14 +12,14 @@ .nav ul{margin-top:10px} .nav ul li{float:left;border-right:1px solid #bb1511;position:relative} .nav ul li:last-child{border-right:none} -.nav ul li>a{display:block;padding:0 15px;color:#bb1511;position:relative} +.nav ul li>a,.nav ul li>span{display:block;padding:0 15px;color:#bb1511;position:relative;cursor: pointer} .child{display:none;position:absolute;left:0;top:100%;width:100%;padding:10px;background:rgba(255,255,255,.6);box-sizing:border-box} .nav ul li:hover .child{display:block} -.child span{display:block;text-align:center;color:#000;font-size:16px;line-height:25px;cursor:pointer;font-weight:400} +.child span, .child a{display:block;text-align:center;color:#000;font-size:16px;line-height:25px;cursor:pointer;font-weight:400} .child span:hover,.nav ul li>a:hover{color:#bb1511;font-weight:700} .news{width:1200px;margin:50px auto 0} .head-news{text-align:center} -.head-news h3{font-size:40px;color:#ce0c0d;height:47px;line-height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px} +.head-news a{display:block;font-weight:bold;font-size:40px;color:#ce0c0d;height:47px;line-height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px} .head-news h3 img{width:105px;height:47px} .head-news p{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-box{margin-top:20px} @@ -28,6 +31,7 @@ .news-left{width:515px;float:left} .news-left ul li{padding:15px 0 15px;border-bottom:1px dashed #dcdcdc} .news-left ul li a{display:block;padding-left:15px;position:relative;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.news-left ul li a:hover{color:#b50100;} .news-left ul li a:after{content:'';display:block;width:4px;height:4px;background:#333;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(0,-50%)} .news-left ul li p{font-size:14px;color:#333;line-height:25px} .news-left ul li:first-child a{font-size:20px;color:#333;font-weight:700;border-left:4px solid #b09158;padding-left:10px} @@ -46,7 +50,8 @@ .three-box-title span{display:block;float:left;width:110px;height:28px;text-align:center;line-height:28px;color:#fff;background:#015ab8;font-weight:700;font-size:18px;position:relative;border-radius:4px} .three-box-title span:after{content:'';display:block;width:200px;height:1px;border-top:1px dashed red;box-sizing:border-box;position:absolute;top:50%;left:120px} .three-box-title a{line-height:28px;float:right;color:#999} -.three-box-list{margin-top:15px} +.three-box-list{margin-top:15px;overflow: hidden} +.three-box-list ul{height:140px;overflow-y: scroll;width:110%;} .three-box-list ul li a{display:block;line-height:35px;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-left:20px} .three-box-list ul li a:after{content:'';display:block;width:8px;height:8px;background:#d60000;border-radius:50%;position:absolute;left:0;top:50%;transform:translate(0,-50%)} .three-box-list ul li a:hover{color:#d60000} @@ -63,7 +68,7 @@ .street-img-name p{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:30px;color:#fff;font-size:14px;background:rgba(0,0,0,.6)} .base{padding:50px 0;background:url(../images/base-bg.png) no-repeat center;background-size:100% 100%} .base-content{width:1200px;margin:0 auto} -.base-title{background:url(../images/news-line-r.png) no-repeat 220px center;background-size:75% 10px} +.base-title{background:url(../images/news-line-r.png) no-repeat 220px center;background-size:82% 10px} .base-title a{float:right;font-size:14px;color:#b50100;line-height:40px} .base-news{margin-top:30px;overflow:hidden} .base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box} @@ -81,3 +86,159 @@ .bottom-nav-list a{display:inline-block;margin-right:10px;color:#333;font-size:16px} .bottom-nav-list a:hover{color:#de0606} .footer{padding:30px 0;text-align:center;min-width:1200px;background:#dcdcdc;color:#999;font-size:14px} + + + +/*-------二级页面--------*/ +.child-header{ + background: url("../images/child-header.jpg") no-repeat center; + background-size: 100% 100%; +} +.child-header .date{ + color: #fff; +} +.page-container{ + width: 1200px; + margin: 30px auto; + box-shadow: 0 0 10px #ddd; + padding: 15px; + box-sizing: border-box; +} +.page-container:after{ + content: ''; + display: block; + clear: both; +} +.page-left{ + width: 220px; + padding-right: 25px; + box-sizing: border-box; + float:left; +} +.page-left-title{ + padding-bottom: 10px; + border-bottom: 1px solid #ddd; + font-size: 18px; + color: #585858; +} +.page-left-tab{ + padding: 0 15px; + margin-top: 10px; +} +.page-left-tab li{ + line-height: 30px; + padding-left: 20px; + position: relative; + font-size: 16px; + color: #333; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.page-left-tab li.active{ + color: #bb1511; +} +.page-left-tab li:after{ + content: ''; + display: block; + width: 6px; + height: 6px; + border-radius: 50%; + background: #333; + position: absolute; + top: 50%; + left: 0; + margin-top: -3px; +} +.page-left-tab li.active:after{ + background: #bb1511; +} +.page-right{ + float:right; + width: 950px; + padding-left: 20px; + border-left: 1px solid #ddd; + box-sizing: border-box; +} +.page-right-title{ + padding-bottom: 10px; + border-bottom: 1px solid #ddd; + font-size: 18px; + color: #bb1511; +} +.page-list>ul{ + min-height: 500px; +} +.page-list>ul>li{ + height: 45px; + line-height: 45px; + font-size: 16px; +} +.page-list>ul>li a{ + display: inline-block; + max-width: 75%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #333; +} +.page-list>ul>li a:hover{ + color: #bb1511; +} +.page-list>ul>li span{ + float:right; + color: #666; +} +.pager{ + width: 100%; + margin: 20px auto; + text-align: center; + font-size: 0; +} +.pager span{ + display: inline-block; + padding: 0 15px; + line-height: 25px; + color: #676767; + border: 1px solid #d2d2d2; + font-size: 14px; + margin: 0 5px; + vertical-align: middle; + cursor: pointer; +} +.pager ul{ + display: inline-block; + overflow: hidden; + vertical-align: middle; +} +.pager>ul>li{ + width: 45px; + line-height: 25px; + float: left; + margin-right: 10px; + border: 1px solid #d2d2d2; + cursor: pointer; + text-align: center; + font-size: 14px; + color: #676767; +} +.pager>ul>li.active{ + background: #bb1511; + color: #fff; + border: 1px solid #bb1511; +} +.loading{ + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background: rgba(255,255,255,0.6); + padding: 30px; + border-radius: 10px; + box-shadow: 0 0 17px #DEDEDE; +} +.page-right-full{ + width: 100%; + border: none; +} \ No newline at end of file diff --git a/src/main/resources/static/assets/web/css/style.css b/src/main/resources/static/assets/web/css/style.css index 53f1278..0497253 100644 --- a/src/main/resources/static/assets/web/css/style.css +++ b/src/main/resources/static/assets/web/css/style.css @@ -3,28 +3,28 @@ .fr{float:right} .banner{position:relative;width:100%;height:456px;min-width:1200px} .banner img{width:100%} -.nav{width:1200px;margin:-50px auto 0;position:relative;padding:20px 0;background:#fff;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:5px} -.nav ul li{width:200px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d2d2d2;cursor:pointer;overflow:hidden} -.nav.child ul li{width:240px} -.nav ul li .left{width:100px;text-align:center} -.nav.child .left{width:125px} -.nav.child ul li.active .left{width:150px} -.nav ul li.active .left{text-align:center} -.nav ul li.log-out{padding:0 10px} -.nav ul li.log-out .left{width:85px;text-align:center} -.nav ul li.log-out a{padding:0;font-size:20px;color:#333} -.nav ul li.log-out .left span,.nav ul li.log-out a{line-height:30px;margin:0;font-size:16px} -.nav ul li.log-out .left span{border-bottom:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.nav ul li.log-out .left span.not-admin{border:none;line-height:60px} -.nav ul li:last-child{border-right:none} -.nav ul li a{display:block;overflow:hidden;padding:0 10px} -.nav ul li .left span{font-size:18px;color:#333;display:block;margin-top:8px} -.nav ul li .left p{font-size:12px;color:#999} -.nav ul li .right a{display:block;line-height:60px;font-size:20px;width:60px;height:60px;background:url(../images/logout-bg.png) no-repeat center;background-size:100% 100%;border-radius:50%;text-align:center;color:#fff;font-weight:400} -.nav ul li .right img{width:60px;height:60px} -.nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative;display:inline-block} -.nav ul li.active .left span:after{content:'';display:block;width:100%;height:2px;background:#3d41b7;position:absolute;left:0;bottom:10px} -.nav ul li.active .left p{display:none} +/*.nav{width:1200px;margin:-50px auto 0;position:relative;padding:20px 0;background:#fff;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:5px}*/ +/*.nav ul li{width:200px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d2d2d2;cursor:pointer;overflow:hidden}*/ +/*.nav.child ul li{width:240px}*/ +/*.nav ul li .left{width:100px;text-align:center}*/ +/*.nav.child .left{width:125px}*/ +/*.nav.child ul li.active .left{width:150px}*/ +/*.nav ul li.active .left{text-align:center}*/ +/*.nav ul li.log-out{padding:0 10px}*/ +/*.nav ul li.log-out .left{width:85px;text-align:center}*/ +/*.nav ul li.log-out a{padding:0;font-size:20px;color:#333}*/ +/*.nav ul li.log-out .left span,.nav ul li.log-out a{line-height:30px;margin:0;font-size:16px}*/ +/*.nav ul li.log-out .left span{border-bottom:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}*/ +/*.nav ul li.log-out .left span.not-admin{border:none;line-height:60px}*/ +/*.nav ul li:last-child{border-right:none}*/ +/*.nav ul li a{display:block;overflow:hidden;padding:0 10px}*/ +/*.nav ul li .left span{font-size:18px;color:#333;display:block;margin-top:8px}*/ +/*.nav ul li .left p{font-size:12px;color:#999}*/ +/*.nav ul li .right a{display:block;line-height:60px;font-size:20px;width:60px;height:60px;background:url(../images/logout-bg.png) no-repeat center;background-size:100% 100%;border-radius:50%;text-align:center;color:#fff;font-weight:400}*/ +/*.nav ul li .right img{width:60px;height:60px}*/ +/*.nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative;display:inline-block}*/ +/*.nav ul li.active .left span:after{content:'';display:block;width:100%;height:2px;background:#3d41b7;position:absolute;left:0;bottom:10px}*/ +/*.nav ul li.active .left p{display:none}*/ .mid-link{position:relative;z-index:100;border-radius:5px;background:#fff;width:1200px;margin:20px auto;padding-top:10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px} .mid-link .text{display:block;margin:0 0 15px 15px} .mid-link .link{padding:0 30px;overflow:hidden} diff --git a/src/main/resources/static/assets/web/images/child-header.jpg b/src/main/resources/static/assets/web/images/child-header.jpg new file mode 100644 index 0000000..bd6004c Binary files /dev/null and b/src/main/resources/static/assets/web/images/child-header.jpg differ diff --git a/src/main/resources/static/route/web/detail.html b/src/main/resources/static/route/web/detail.html index 8f853e2..f628055 100644 --- a/src/main/resources/static/route/web/detail.html +++ b/src/main/resources/static/route/web/detail.html @@ -6,90 +6,73 @@