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

0903

Browse Source
This commit is contained in:
dong_bo0602 2021-09-03 10:01:24 +08:00
parent 9cb879c9d4
commit 177adff475
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/resources/static/assets/web/css/index.css
View File

@ -39,7 +39,7 @@
.news-right{width:540px;float:right;position:relative} .news-right{width:540px;float:right;position:relative}
.news-right .bd a{display:block;position:relative} .news-right .bd a{display:block;position:relative}
.news-right .bd a img{width:540px;height:305px} .news-right .bd a img{width:540px;height:305px}
.news-right .bd a p{position:absolute;left:0;right:0;bottom:0;padding:0 100px 0 10px;background:rgba(0,0,0,.6);line-height:35px;color:#fff} .news-right .bd a p{position:absolute;left:0;right:0;bottom:0;padding:0 100px 0 10px;background:rgba(0,0,0,.6);line-height:35px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-right .hd{position:absolute;right:0;bottom:12px} .news-right .hd{position:absolute;right:0;bottom:12px}
.news-right .hd li{float:left;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#fff;margin-right:5px} .news-right .hd li{float:left;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#fff;margin-right:5px}
.news-right .hd li.on{background:#015ab8} .news-right .hd li.on{background:#015ab8}
@ -47,7 +47,7 @@
.three-box{width:32%;float:left;margin-right:2%} .three-box{width:32%;float:left;margin-right:2%}
.three-box:last-child{margin-right:0} .three-box:last-child{margin-right:0}
.three-box-title{overflow:hidden} .three-box-title{overflow:hidden}
.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{display:block;float:left;width:110px;height:28px;text-align:center;line-height:28px;color:#fff;background:#ce0c0d;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 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-title a{line-height:28px;float:right;color:#999}
.three-box-list{margin-top:15px;overflow: hidden} .three-box-list{margin-top:15px;overflow: hidden}
@ -71,9 +71,12 @@
.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:75% 10px}
.base-title a{float:right;font-size:18px;color:#b50100;line-height:40px} .base-title a{float:right;font-size:18px;color:#b50100;line-height:40px}
.base-news{margin-top:30px;overflow:hidden} .base-news{margin-top:30px;overflow:hidden}
.base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box} .base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box;position: relative}
.base-news-left a{display:block} .base-news-left a{display:block}
.base-news-left img{height:330px;width:100%} .base-news-left img{height:330px;width:100%}
.base-news-left .hd{position: absolute;bottom: 10px;left:50%;transform: translate(-50%,0)}
.base-news-left .hd li{float: left;width: 10px;height: 10px;border-radius: 50%;cursor: pointer;background: #fff;margin-right: 5px;}
.base-news-left .hd li.on{background: #015ab8}
.base-news-right{width:49.5%;height:340px;float:right;padding:15px;border:1px solid #dcdcdc;background:rgba(247,243,240,.6);box-sizing:border-box} .base-news-right{width:49.5%;height:340px;float:right;padding:15px;border:1px solid #dcdcdc;background:rgba(247,243,240,.6);box-sizing:border-box}
.base-news-right li{margin-bottom:17px} .base-news-right li{margin-bottom:17px}
.base-news-right li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:50px;box-sizing:border-box;font-size:18px;color:#000;position:relative;line-height:20px} .base-news-right li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:50px;box-sizing:border-box;font-size:18px;color:#000;position:relative;line-height:20px}

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

@ -191,6 +191,11 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="hd">
<ul>
<li v-for="(news,idx) in baseList"></li>
</ul>
</div>
</div> </div>
<div class="base-news-right"> <div class="base-news-right">
<ul v-cloak> <ul v-cloak>