From aeb110fc2b514a01b1305816b5f16170b855b87e Mon Sep 17 00:00:00 2001 From: dong_bo0602 <358256383@qq.com> Date: Fri, 3 Sep 2021 09:38:48 +0800 Subject: [PATCH] 0903 --- .../resources/static/assets/web/css/index.css | 32 +++++++++---------- .../static/route/web/news-list-column.html | 17 ++++++---- src/main/resources/templates/index.html | 6 ++-- 3 files changed, 29 insertions(+), 26 deletions(-) diff --git a/src/main/resources/static/assets/web/css/index.css b/src/main/resources/static/assets/web/css/index.css index 4c565e7..7274702 100644 --- a/src/main/resources/static/assets/web/css/index.css +++ b/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 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{ diff --git a/src/main/resources/static/route/web/news-list-column.html b/src/main/resources/static/route/web/news-list-column.html index 47427a8..778a054 100644 --- a/src/main/resources/static/route/web/news-list-column.html +++ b/src/main/resources/static/route/web/news-list-column.html @@ -65,17 +65,17 @@
-
栏目
+
党纪法规
+
警示教育
+
学习园地
    -
  • {{tab.dataName}}
    • +
  • {{tab.dataName}}
-
党纪法规
-
警示教育
-
学习园地
+
{{pageTitle}}
  • @@ -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() }, // 获取天气 diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html index 5c0b10d..07c1f0d 100644 --- a/src/main/resources/templates/index.html +++ b/src/main/resources/templates/index.html @@ -164,8 +164,8 @@ 0{{idx+1}}/
    - - + +

    {{item.departmentName}}
    @@ -193,7 +193,7 @@
-