Tenlion/twoduty
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0425

Browse Source
This commit is contained in:
dong_bo0602 2021-04-25 15:26:41 +08:00
parent b3e07c3d9b
commit 0334685fcc
3 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/main/resources/static/assets/web/css/style.css
View File

@ -1,8 +1,8 @@
.clearFloat:after{content:'';display:block;clear:both} .clearFloat:after{content:'';display:block;clear:both}
.fl{float:left} .fl{float:left}
.fr{float:right} .fr{float:right}
.banner{position: relative;overflow: hidden;width:100%;height:456px;min-width:1200px;} .banner{position: relative;width:100%;height:456px;min-width:1200px;}
.banner img{position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;} .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{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 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.child ul li{width: 240px;}
@ -25,13 +25,13 @@
.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{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 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 ul li.active .left p{display:none}
.mid-link{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{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 .text{display:block;margin:0 0 15px 15px}
.mid-link .link{padding:0 30px;overflow:hidden} .mid-link .link{padding:0 30px;overflow:hidden}
.mid-link .link .link-box{float:left;width:23.25%;height:120px;margin-right:2%;cursor:pointer;display:block} .mid-link .link .link-box{float:left;width:23.25%;height:120px;margin-right:2%;cursor:pointer;display:block}
.mid-link .link .link-box:last-child{margin-right:0} .mid-link .link .link-box:last-child{margin-right:0}
.mid-link .link .link-box img{width:100%;height:100%} .mid-link .link .link-box img{width:100%;height:100%}
.news{width:1200px;margin:0 auto 20px} .news{width:1200px;margin:0 auto 20px;position: relative;z-index: 100;}
.news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left} .news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left}
.news .news-box:last-child{margin-right:0} .news .news-box:last-child{margin-right:0}
.news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff} .news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff}
@ -44,7 +44,7 @@
.news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0} .news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0}
.news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .news-box .news-list ul li span{float:right} .news .news-box .news-list ul li span{float:right}
.slide-news{width:1200px;margin:0 auto 30px;overflow:hidden} .slide-news{position: relative;z-index: 100;width:1200px;margin:0 auto 30px;overflow:hidden}
.slide-news .slide{width:66%;height:420px;float:left} .slide-news .slide{width:66%;height:420px;float:left}
.slide .bd a{display:block;position:relative} .slide .bd a{display:block;position:relative}
.dynamic-news,.slide{position:relative} .dynamic-news,.slide{position:relative}
@ -66,11 +66,11 @@
.exposure-news-list li a{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333} .exposure-news-list li a{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
.exposure-news-list li span{float:right;color:#333} .exposure-news-list li span{float:right;color:#333}
.exposure-news-list li:hover a,.exposure-news-list li:hover span{color:#064ec0} .exposure-news-list li:hover a,.exposure-news-list li:hover span{color:#064ec0}
.bottom-nav{width:1200px;margin:0 auto 30px} .bottom-nav{position: relative;z-index: 100;width:1200px;margin:0 auto 30px}
.nav-title{font-size:18px;color:#333;font-weight:700;padding-bottom:10px;border-bottom:2px solid #de0606} .nav-title{font-size:18px;color:#333;font-weight:700;padding-bottom:10px;border-bottom:2px solid #de0606}
.nav-list{margin-top:10px} .nav-list{margin-top:10px}
.nav-list a{display:inline-block;margin-right:15px;font-size:16px;color:#333;line-height:30px} .nav-list a{display:inline-block;margin-right:15px;font-size:16px;color:#333;line-height:30px}
.footer{background:#f0efef;min-width:1200px;text-align:center;padding:25px 0;color:#b2b1b1;font-size:16px} .footer{position: relative;z-index: 100;background:#f0efef;min-width:1200px;text-align:center;padding:25px 0;color:#b2b1b1;font-size:16px}
.row{width:1200px;margin:30px auto} .row{width:1200px;margin:30px auto}
.row:after{content:'';display:block;clear:both} .row:after{content:'';display:block;clear:both}
.row .dynamic{width:49%;float:left} .row .dynamic{width:49%;float:left}
@ -95,7 +95,8 @@
.news-detail{padding:20px 0;min-height:500px} .news-detail{padding:20px 0;min-height:500px}
.news-detail p{line-height:35px;font-size:16px;color:#333} .news-detail p{line-height:35px;font-size:16px;color:#333}
.news-detail img, .news-detail video{max-width: 100% !important;} .news-detail img, .news-detail video{max-width: 100% !important;}
.assessment-header .banner,.assessment-header .banner img{width:100%;height:300px;min-width:1200px} /*.assessment-header .banner{width:100%;height:300px;min-width:1200px}*/
.assessment-header .banner img{width: 100%}
.count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff} .count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff}
.chart-box{width:260px} .chart-box{width:260px}
.count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333} .count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333}
@ -161,4 +162,24 @@
.news-container .news-list ul li{height: 60px;line-height: 60px;border-bottom: 1px dashed #DDD;} .news-container .news-list ul li{height: 60px;line-height: 60px;border-bottom: 1px dashed #DDD;}
.news-container .news-list ul li a{display: inline-block;max-width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333;} .news-container .news-list ul li a{display: inline-block;max-width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333;}
.news-container .news-list ul li a:hover{color: #064ec0} .news-container .news-list ul li a:hover{color: #064ec0}
.news-container .news-list ul li span{float: right;font-size: 18px;color: #333} .news-container .news-list ul li span{float: right;font-size: 18px;color: #333}
@media (min-width: 1420px){
.banner{
height: 450px
}
.assessment-header .banner{
width: 100%;
height: 270px;
min-width: 1200px;
}
}
@media (max-width: 1419px){
.banner{
height: 400px
}
.assessment-header .banner{
width: 100%;
height: 220px;
min-width: 1200px;
}
}

2
src/main/resources/static/route/web/public.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="assets/web/css/reset.css"> <link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css"> <link rel="stylesheet" href="assets/web/css/style.css">
</head> </head>
<body style="background: #f5f5f5"> <body style="background: #f5f5f5;">
<div id="app"> <div id="app">
<div class="header assessment-header"> <div class="header assessment-header">
<div class="banner"> <div class="banner">

4
src/main/resources/templates/index.html
View File

@ -7,11 +7,11 @@
<link rel="stylesheet" href="assets/web/css/reset.css"> <link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css"> <link rel="stylesheet" href="assets/web/css/style.css">
</head> </head>
<body style="background: url('assets/web/images/banner1.png') no-repeat;background-size: 100% auto;"> <body>
<div id="app"> <div id="app">
<div class="header"> <div class="header">
<div class="banner"> <div class="banner">
<img src="assets/web/images/banner1.png" alt="">
</div> </div>
<div class="nav"> <div class="nav">
<ul class="clearFloat" v-cloak> <ul class="clearFloat" v-cloak>