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 09:38:48 +08:00
parent 87181692ce
commit aeb110fc2b
3 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,13 +15,13 @@
.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, .child a{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:18px;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 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}
.head-news p{font-size:18px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-box{margin-top:20px}
.news-box-title{overflow:hidden}
.news-box-title img{float:left}
@ -30,10 +30,10 @@
.news-slide{overflow:hidden;margin-top:30px}
.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{display:block;padding-left:15px;position:relative;font-size:18px;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 p{font-size:18px;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}
.news-left ul li:first-child a:after{display:none}
.news-right{width:540px;float:right;position:relative}
@ -52,7 +52,7 @@
.three-box-title a{line-height:28px;float:right;color:#999}
.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{display:block;line-height:35px;font-size:18px;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}
.street{margin-top:30px;padding:25px 0 85px;background:url(../images/street-bg.png) no-repeat center;background-size:100% 100%}
@ -61,31 +61,31 @@
.street-list ul{overflow:hidden}
.street-list ul li{float:left;width:23.5%;margin-right:2%;margin-bottom:18px}
.street-list ul li:nth-child(4n){margin-right:0}
.street-list ul li span{color:#fff;font-size:16px}
.street-list ul li span{color:#fff;font-size:18px}
.street-img-name{position:relative;margin-top:5px}
.street-img-name,.street-img-name img{width:100%;height:180px}
.street-img-name a{display:block;position:relative}
.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)}
.street-img-name p{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:30px;color:#fff;font-size:18px;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 a{float:right;font-size:14px;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-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box}
.base-news-left a{display:block}
.base-news-left img{height:330px;width:100%}
.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 a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:50px;box-sizing:border-box;font-size:14px;color:#333;position:relative;line-height:20px}
.base-news-right li a span{display:block;width:40px;height:20px;background:linear-gradient(-90deg,#fe5126,#db181e);border-radius:3px;text-align:center;line-height:20px;font-size:14px;color:#fff;position:absolute;top:0;left:0}
.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 span{display:block;width:40px;height:20px;background:linear-gradient(-90deg,#fe5126,#db181e);border-radius:3px;text-align:center;line-height:20px;font-size:18px;color:#fff;position:absolute;top:0;left:0}
.base-news-right li a:hover{color:#b50100;font-weight:700}
.base-news-right li a:hover span{color:#fff;font-weight:400}
.bottom-nav{margin-top:80px}
.bottom-nav-title{padding-bottom:15px;border-bottom:2px solid #de0606;color:#333;font-size:18px}
.bottom-nav-list{margin-top:15px}
.bottom-nav-list a{display:inline-block;margin-right:10px;color:#333;font-size:16px}
.bottom-nav-list a{display:inline-block;margin-right:10px;color:#333;font-size:18px}
.bottom-nav-list a:hover{color:#de0606}
.footer{padding:30px 0;text-align:center;min-width:1200px;background:#dcdcdc;color:#999;font-size:14px}
.footer{padding:30px 0;text-align:center;min-width:1200px;background:#dcdcdc;color:#999;font-size:18px}
@ -129,7 +129,7 @@
line-height: 30px;
padding-left: 20px;
position: relative;
font-size: 16px;
font-size: 18px;
color: #333;
cursor: pointer;
white-space: nowrap;
@ -173,7 +173,7 @@
.page-list>ul>li{
height: 45px;
line-height: 45px;
font-size: 16px;
font-size: 18px;
}
.page-list>ul>li a{
display: inline-block;
@ -202,7 +202,7 @@
line-height: 25px;
color: #676767;
border: 1px solid #d2d2d2;
font-size: 14px;
font-size: 18px;
margin: 0 5px;
vertical-align: middle;
cursor: pointer;
@ -220,7 +220,7 @@
border: 1px solid #d2d2d2;
cursor: pointer;
text-align: center;
font-size: 14px;
font-size: 18px;
color: #676767;
}
.pager>ul>li.active{

17
src/main/resources/static/route/web/news-list-column.html
View File

@ -65,17 +65,17 @@
<div class="page-container">
<div class="page-left">
<div class="page-left-title">栏目</div>
<div class="page-left-title" v-if="page.articleTypeId == '04988903-8948-4645-9024-6c97f770c8d7'">党纪法规</div>
<div class="page-left-title" v-if="page.articleTypeId == '68167be6-3dbd-49d3-a956-d07e3e4384e5'">警示教育</div>
<div class="page-left-title" v-if="page.articleTypeId == '79da7965-1bff-4471-babe-7874474cb418'">学习园地</div>
<div class="page-left-tab">
<ul v-cloak>
<li v-for="tab in tabList" :class="{active: page.articleClassifyId == tab.dataId}" @click="changeTab(tab.dataId)">{{tab.dataName}}</li>
<li v-for="tab in tabList" :class="{active: page.articleClassifyId == tab.dataId}" @click="changeTab(tab.dataId,tab.dataName)">{{tab.dataName}}</li>
</ul>
</div>
</div>
<div class="page-right" v-cloak>
<div class="page-right-title" v-if="page.articleTypeId == '04988903-8948-4645-9024-6c97f770c8d7'">党纪法规</div>
<div class="page-right-title" v-if="page.articleTypeId == '68167be6-3dbd-49d3-a956-d07e3e4384e5'">警示教育</div>
<div class="page-right-title" v-if="page.articleTypeId == '79da7965-1bff-4471-babe-7874474cb418'">学习园地</div>
<div class="page-right-title">{{pageTitle}}</div>
<div class="page-list" v-cloak>
<ul v-cloak>
<li v-for="news in newsList">
@ -140,7 +140,8 @@
newsList: [],
isLoading: false,
weatherInfo: {},
today: ''
today: '',
pageTitle: ''
},
methods: {
// 头部导航跳转四五六
@ -158,6 +159,7 @@
top.restAjax.get(top.restAjax.path('api/articletype/getTypeClassIfDetails/{articleTypeId}', [self.page.articleTypeId]), {}, null, function(code, data) {
self.tabList = data
self.page.articleClassifyId = data[0].dataId
self.pageTitle = data[0].dataName
self.getList()
}, function(code, data) {
layer.msg(data.msg);
@ -184,9 +186,10 @@
// layer.close(loadLayerIndex);
});
},
changeTab: function (id) {
changeTab: function (id,name) {
this.page.articleClassifyId = id
this.page.page = 1
this.pageTitle = name
this.getList()
},
// 获取天气

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

@ -164,8 +164,8 @@
<span>0{{idx+1}}/</span>
<div class="street-img-name">
<a :href="'route/web/street.html?departmentId=' + item.departmentId">
<img src="assets/web/images/header-bg.png" alt="" v-if="item.departmentPhoto == '' || item.departmentPhoto == null">
<img :src="'route/file/download/true/' + item.departmentPhoto" alt="" v-if="item.departmentPhoto != '' && item.departmentPhoto != null">
<img src="assets/web/images/header-bg.png" alt="" v-if="!item.departmentPhoto">
<img :src="'route/file/download/true/' + item.departmentPhoto" alt="" v-else>
<p>{{item.departmentName}}</p>
</a>
</div>
@ -193,7 +193,7 @@
</div>
</div>
<div class="base-news-right">
<ul>
<ul v-cloak>
<li v-for="(news,idx) in baseList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId" :title="news.articleContentTitle">
<span v-if="idx <= 2">最新</span>