新闻资讯

src/assets/css/cus-client/cus-client-common.scss

@@ -234,8 +234,8 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     >h1{@include setFontStyle(0);color: rgba(0,0,0,0.85);margin-bottom: 16px;text-align: center}
     p{
       margin-bottom: 24px;
-      i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/client/industry/" + "industry-details-time.svg");}
-      i[type="visits"]{background-image: url("~@/assets/images/client/industry/" + "industry-details-visits.svg");}
+      i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-details-time.svg");}
+      i[type="visits"]{background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-details-visits.svg");}
       span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
     }
     .client-content-box{

src/assets/css/cus-client/cus-client-page.scss

@@ -332,7 +332,6 @@
     }
   }
 
-  /********  describe: 行业资讯  author: TX  date:2020-08-06  ********/
 
   /********  describe: 关于我们 author: TX  date:2020-08-07  ********/
   .client-aboutUs-page{
@@ -434,5 +433,18 @@
       overflow: hidden;
     }
   }
+
+  /********  describe: 新闻资讯  author: TX  date:2020-08-10  ********/
+  .client-newsInfor-page{
+    // banner
+    .newsInfor-banner{width: 100%;height: 400px;background: #4d90fe;}
+
+    // tab页
+    .newsInfor-tab-box{}
+
+    // 右侧内容区域
+    .tab-state-box{}
+
+  }
 }
 

src/assets/images/client/newsInfor/newsInfor-details-select.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="8px" height="8px" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="116.367779%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#2B5CFD" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="新闻资讯" transform="translate(-384.000000, -588.000000)" fill="url(#linearGradient-1)">
+            <circle id="椭圆形" cx="388" cy="592" r="4"></circle>
+        </g>
+    </g>
+</svg>

src/assets/images/client/newsInfor/newsInfor-details-unSelect.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="8px" height="8px" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形备份 5</title>
+    <defs>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="116.367779%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#2B5CFD" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.223679315">
+        <g id="新闻资讯" transform="translate(-384.000000, -652.000000)" fill="url(#linearGradient-1)">
+            <circle id="椭圆形备份-5" cx="388" cy="656" r="4"></circle>
+        </g>
+    </g>
+</svg>

src/views/client/newsInfor.vue

@@ -1,11 +1,36 @@
 <template>
+    <div class="client-newsInfor-page">
+        <!-- 新闻资讯banner栏 -->
+        <div class="newsInfor-banner"></div>
 
+        <!-- 新闻资讯tab页 -->
+        <div class="client-container newsInfor-tab-box">
+            <el-tabs tab-position="left" v-model="activeName" @tab-click="handleClick" class="client-newsInfor-tab">
+                <el-tab-pane label="行业动态">
+                    <div class="tab-state-box">
+                        <ul>
+                            <li>
+                                <img>
+                                <div class="newsInfor-list-content">
+                                    <h1>企业为什么需要微课</h1>
+                                    <div><i></i><span>2020-08-03</span><i type="visits"></i><span>2000</span></div>
+                                    <p>“在美国谷歌工作期间，我亲眼见到容器技术的先进性，由此产生了创业的想法。”在采访中，才云科技创始人兼CEO、原谷歌资深软件工程师张鑫向创业邦这样介绍道。他曾作为技术带头人从事谷歌容器化集群管理系统的研发，自动化管理 95% 以上的</p>
+                                    <a>了解更多</a>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="媒体关注">媒体关注</el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
 </template>
 
 <script>
     import MtaBreadcrumb    from '@/components/client/common/MtaBreadcrumb.vue';
     export default {
-        name:       'courseDev',
+        name:       'newsInfor',
         props:      {
         },
         data() {