0903

src/main/resources/static/assets/web/css/index.css

@@ -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{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:14px;color:#fff;position:absolute;top:0;left:0}
+.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{

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

@@ -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">{{pageTitle}}</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-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()
                 },
                 // 获取天气

src/main/resources/templates/index.html

@@ -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="assets/web/images/header-bg.png" alt="" v-if="!item.departmentPhoto">
-                                <img :src="'route/file/download/true/' + item.departmentPhoto" alt="" v-if="item.departmentPhoto != '' && item.departmentPhoto != null">
+                                <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>