tanxue 1 týždeň pred
rodič
commit
1d6afef6b8

+ 4 - 1
assets/scss/cus-client/cus-client-common.scss

@@ -282,7 +282,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 }
 
 /* 网站分页 */
-.client-el-pagination{text-align: center;margin-top: 36px}
+.client-el-pagination{
+  text-align: center;margin-top: 36px;
+  .el-pagination.is-background .el-pager li:not(.disabled).active{background-color: #579E86;}
+}
 
 /* 网站通用详情页布局 */
 .client-details-page{

+ 39 - 91
assets/scss/cus-client/cus-client-page.scss

@@ -134,6 +134,45 @@
     }
   }
 
+  /********  describe: 新闻中心  author: TX  date:2026-01-05  ********/
+  .client-newsInfor-page{
+
+    // 页面主要内容区域
+    .newsInfor-content-box{
+      min-height: 304px;
+      padding: 48px 0 80px;
+      ul{display: inline-block;vertical-align: top}
+
+      // 右侧内容区域
+      .newsInfor-content-ul{
+        li{margin-bottom: 32px;cursor: pointer;border-bottom: 1px solid #f5f5f5;padding-bottom: 32px}
+        li:last-child{margin-bottom: 0;}
+        //图片
+        .newsInfor-img-box{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 4px;overflow: hidden;vertical-align: top;background-repeat: no-repeat;background-size: cover;background-position: center;}
+        //内容区域
+        .newsInfor-list-content{
+          width: calc(100% - 350px);
+          display: inline-block;
+          vertical-align: top;
+
+          h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 12px;@include single-line-ellipsis;color: #25ac83;}
+          div{
+            margin-bottom: 8px;
+            i{
+              width: 14px;height: 14px;display: inline-block;margin-right: 8px;background-size: cover;
+              vertical-align: middle;background-image: url("~static/images/website/common/data-icon.svg");}
+            span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
+          }
+          p{height: 72px;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 1.8;margin-bottom: 32px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;}
+          a{@include setFontStyle(-6);color: #25ac83;}
+          a:after{content: "";width: 14px;height: 12px;display:inline-block;background-image: url("~static/images/website/common/jt-icon.svg");margin-left: 8px;}
+          a:hover{cursor: pointer;}
+        }
+      }
+    }
+  }
+
+
   /********  describe: 培训平台--图片(和考试默认图片不同) author: TX  date:2020-08-14  ********/
   .client-train-page{
 
@@ -467,97 +506,6 @@
     }
   }
 
-  /********  describe: 新闻资讯  author: TX  date:2020-08-10  ********/
-  .client-newsInfor-page{
-    // banner
-    .newsInfor-banner{
-      width: 100%;
-      height: 520px;
-      background-color: #fff;
-      background-position-x: center;
-      background-repeat: no-repeat;
-    }
-
-    // 菜单 ul
-    .newsInfor-menu-ul{
-      display: block;
-      margin: 0 auto;
-      text-align: center;
-      background: #F7F9FB;
-      li{display: inline-block;@include setFontStyle(-2);padding:24px 32px;color: rgba(0,0,0,0.64);background: #F7F9FB;transition: all .3s;box-shadow: 0 2px 4px 0 rgba(43,92,253,0.16);border-bottom: 1px solid rgba(52, 99, 253, 0.08);@include single-line-ellipsis;cursor: pointer}
-      li.active{color: #2B5CFD;background-image: linear-gradient(270deg, #FFFFFF 0%, #F4F6FF 100%);}
-      li:hover{
-        transform: scale(1.1);
-      }
-    }
-
-    // 页面主要内容区域
-    .newsInfor-content-box{
-      min-height: 304px;
-      padding: 48px 0 80px;
-      ul{display: inline-block;vertical-align: top}
-
-      // 右侧内容区域
-      .newsInfor-content-ul{
-        padding: 0 32px;
-        li{margin-bottom: 40px;cursor: pointer}
-        li:last-child{margin-bottom: 0;}
-        //图片
-        .newsInfor-img-box{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 8px;overflow: hidden;vertical-align: top;background-repeat: no-repeat;background-size: cover;background-position: center;}
-        //内容区域
-        .newsInfor-list-content{
-          width: calc(100% - 350px);
-          display: inline-block;
-          vertical-align: top;
-
-          h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;}
-          div{
-            margin-bottom: 8px;
-            i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~static/images/client/newsInfor/newsInfor-details-time.svg");}
-            i[type="visits"]{background-image: url("~static/images/client/newsInfor/newsInfor-details-visits.svg");}
-            span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
-          }
-          p{height: 72px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin-bottom: 32px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;}
-          a{@include setFontStyle(-6);color: #4A73FD;}
-          a:after{content: "";width: 14px;height: 12px;display:inline-block;background-image: url("~static/images/client/newsInfor/newsInfor-list-icon.svg");margin-left: 8px;}
-          a:hover{cursor: pointer;}
-        }
-      }
-    }
-
-    @media (max-width: 768px){
-      // banner
-      .newsInfor-banner{
-        height: 150px;background-size: cover;
-        img{width: auto;height: 150px;}
-      }
-
-      // 页面主要内容区域
-      .newsInfor-content-box{
-          min-height: unset;padding: 20px 0 50px;
-        // 右侧内容区域
-        .newsInfor-content-ul{
-          width:100%;padding: 0 6%;box-sizing: border-box;
-          li{box-shadow: rgba(0, 0, 0, 0.4) 0 0 6px -1px;margin-bottom: 20px;}
-          //图片
-          .newsInfor-img-box{width:100%;height:180px;display: block;margin-right:0;border-radius: 0;}
-          //内容区域
-          .newsInfor-list-content{
-            width: 100%;padding: 20px;box-sizing: border-box;
-            h5{@include setFontStyle(-4);color: rgb(16, 16, 16);margin-bottom: 12px;}
-            div{
-              span{margin-bottom: 0;@include setFontStyle(-8);color: rgb(16, 16, 16);}
-            }
-            p{height: auto;max-height: 60px;margin-bottom:0;font-size: 14px;color: rgb(16, 16, 16);line-height: 20px;}
-          }
-          // 分页
-          .client-el-pagination{margin-top: 24px}
-        }
-      }
-
-    }
-
-  }
 
   /********  describe: 政府机构-详情页  author: TX  date:2020-08-10  ********/
   .client-government-page{

+ 3 - 3
assets/scss/cus-client/cus-elementui.scss

@@ -791,11 +791,11 @@
   }
   //c端分页
   .el-pagination.is-background .el-pager li:not(.disabled).active {
-    @include setThemeColorBase('background-color', 1);
-    // background-color: #409EFF;
+    //@include setThemeColorBase('background-color', 1);
+     background-color: #579E86;
   }
   .el-pagination.is-background .el-pager li:not(.disabled):hover {
-    @include setThemeColorBase('background-color', -2);
+    background-color: #579E86;
      color: #fff;
   }
 

+ 4 - 6
components/news/NewsList.vue

@@ -3,12 +3,10 @@
     <div class="newsInfor-img-box" :style="{backgroundImage: `url(${newsData.cover || newsInforImg})`}"></div>
     <div class="newsInfor-list-content">
       <h5>{{newsData.title}}</h5>
-      <div><span class="mta-hidden-sm">{{newsData.createDate}}</span></div>
-      <div class="mta-hidden-xs"><i></i><span>{{newsData.createDate}}</span>
-      </div>
+      <div><i></i><span>{{newsData.createDate}}</span></div>
       <p v-html="newsData.content"></p>
-      <a class="mta-hidden-xs" :href="`${baseUrl}/news/${newsData.id}`" >
-        <span>了解更多</span>
+      <a :href="`${baseUrl}/news/${newsData.id}`" >
+        <span>查看详情</span>
       </a>
 
     </div>
@@ -29,7 +27,7 @@
     },
     data() {
       return {
-        newsInforImg: require(`~/static/images/client/newsInfor/newsInfor-list-img.png`),
+        newsInforImg: require(`~/static/images/website/new/new-img.png`),
       };
     },
     computed: {

+ 3 - 1
pages/news/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="client-newsInfor-page">
+    <div :style="{backgroundImage: 'url(' + bannerDefault + ')'}" class="client-banner-box"></div>
     <!-- 新闻资讯 -->
+    <h4 class="client-title">新闻中心</h4>
     <div class="client-container newsInfor-content-box">
       <ul class="newsInfor-content-ul" style="width:100%">
         <template >
@@ -72,7 +74,7 @@
         newsList:         [],
         activeIndex:      1,
         // banner图
-        newsInforBannerImg: require(`~/static/images/client/newsInfor/newsInfor-banner-img.png`),
+        bannerDefault:   require(`~/static/images/website/banner/cx-banner-xwzx.png`),
       };
     },
     head(){

+ 1 - 1
static/images/client/newsInfor/newsInfor-list-icon.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
-  <g fill="#4A73FD">
+  <g fill="#328971">
     <path d="M5.7916533,10.7026281 C5.96786445,10.8907071 6.0395084,11.1717724 5.97872724,11.436535 C5.91794608,11.7012976 5.73433127,11.9079773 5.49927925,11.976209 C5.26422722,12.0444408 5.01482988,11.9634575 4.84806243,11.7647485 L0.196558167,6.52402306 C0.070759795,6.38344689 0,6.19208864 0,5.99246377 C0,5.7928389 0.070759795,5.60148065 0.196558167,5.46090448 L4.84806243,0.22017906 C5.10862786,-0.0733930232 5.53108787,-0.0733930196 5.79165329,0.220179068 C6.05221871,0.513751156 6.05221872,0.989725553 5.7916533,1.28329764 L1.60529946,5.99296288 L5.7916533,10.7016299 L5.7916533,10.7026281 Z" transform="matrix(-1 0 0 1 6 0)"/>
     <path d="M13.9787272,11.436535 C13.9179461,11.7012976 13.7343313,11.9079773 13.4992792,11.976209 C13.2642272,12.0444408 13.0148299,11.9634575 12.8480624,11.7647485 L8.19655817,6.52402306 C8.07075979,6.38344689 8,6.19208864 8,5.99246377 C8,5.7928389 8.07075979,5.60148065 8.19655817,5.46090448 L12.8480624,0.22017906 C13.1086279,-0.0733930232 13.5310879,-0.0733930196 13.7916533,0.220179068 C14.0522187,0.513751156 14.0522187,0.989725553 13.7916533,1.28329764 L9.60529946,5.99296288 L13.7916533,10.7016299 C13.9678644,10.8907071 14.0395084,11.1717724 13.9787272,11.436535 Z" transform="matrix(-1 0 0 1 22 0)"/>
   </g>

+ 1 - 0
static/images/website/common/data-icon.svg

@@ -0,0 +1 @@
+<svg t="1767594464453" class="icon" viewBox="0 0 1028 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5627" width="60" height="60"><path d="M514.939101 1024.042596C232.572379 1024.042596 2.896506 794.366722 2.896506 512 2.896506 229.675874 232.614975-0.042596 514.939101-0.042596c282.366722 0 512.085191 229.718469 512.085192 512.042596 0 282.366722-229.675874 512.042596-512.085192 512.042596z m0-945.581365C275.934775 78.461231 81.442928 272.953078 81.442928 512c0 239.046922 194.491847 433.538769 433.538769 433.538769 239.046922 0 433.538769-194.491847 433.538769-433.538769 0-239.046922-194.534443-433.538769-433.581365-433.538769z" fill="#757575" p-id="5628"></path><path d="M516.983694 543.90416c0 19.59401-17.293844 35.397005-38.634276 35.397005-21.297837 0-38.634276-15.802995-38.634277-35.397005V231.592679c0-19.551414 17.336439-35.439601 38.634277-35.439601 21.340433 0 38.634276 15.888186 38.634276 35.439601v312.311481z" fill="#5B5B5B" p-id="5629"></path><path d="M709.899501 748.874542c16.058569 11.245258 38.975042 6.176373 51.2-11.330449 12.224958-17.464226 9.200666-40.76406-6.857904-52.009318l-255.829617-179.157404c-16.015973-11.245258-38.975042-6.133777-51.2 11.330449-12.224958 17.506822-9.15807 40.76406 6.857904 52.009318l255.829617 179.157404z" fill="#5B5B5B" p-id="5630"></path></svg>

+ 6 - 0
static/images/website/common/jt-icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
+  <g fill="#25ac83">
+    <path d="M5.7916533,10.7026281 C5.96786445,10.8907071 6.0395084,11.1717724 5.97872724,11.436535 C5.91794608,11.7012976 5.73433127,11.9079773 5.49927925,11.976209 C5.26422722,12.0444408 5.01482988,11.9634575 4.84806243,11.7647485 L0.196558167,6.52402306 C0.070759795,6.38344689 0,6.19208864 0,5.99246377 C0,5.7928389 0.070759795,5.60148065 0.196558167,5.46090448 L4.84806243,0.22017906 C5.10862786,-0.0733930232 5.53108787,-0.0733930196 5.79165329,0.220179068 C6.05221871,0.513751156 6.05221872,0.989725553 5.7916533,1.28329764 L1.60529946,5.99296288 L5.7916533,10.7016299 L5.7916533,10.7026281 Z" transform="matrix(-1 0 0 1 6 0)"/>
+    <path d="M13.9787272,11.436535 C13.9179461,11.7012976 13.7343313,11.9079773 13.4992792,11.976209 C13.2642272,12.0444408 13.0148299,11.9634575 12.8480624,11.7647485 L8.19655817,6.52402306 C8.07075979,6.38344689 8,6.19208864 8,5.99246377 C8,5.7928389 8.07075979,5.60148065 8.19655817,5.46090448 L12.8480624,0.22017906 C13.1086279,-0.0733930232 13.5310879,-0.0733930196 13.7916533,0.220179068 C14.0522187,0.513751156 14.0522187,0.989725553 13.7916533,1.28329764 L9.60529946,5.99296288 L13.7916533,10.7016299 C13.9678644,10.8907071 14.0395084,11.1717724 13.9787272,11.436535 Z" transform="matrix(-1 0 0 1 22 0)"/>
+  </g>
+</svg>