首页最新资讯样式

public/css/phone.scss

@@ -676,6 +676,51 @@ i, em {
       padding-top: .3rem;
     }
   }
+  .articleContent {
+    text-align: left;
+  }
+
+  .articleContent li{
+    background: #fff;
+    padding: .15rem .2rem;
+    font-size: .32rem;
+    color: #1A1A1E;
+    &:first-of-type{
+      padding-top: .3rem;
+    }
+    .articleTitle{
+      line-height: .5rem;
+    }
+    .originalTitle{
+      color:#FF5D5D;
+    }
+    .articleNoImg{
+      padding-bottom: .1rem;
+    }
+    .articleHasImg{
+      display: flex;
+      margin-bottom: .2rem;
+      padding-bottom: .1rem;
+      .rightInfo{
+        width: 2.32rem;
+        height: 1.54rem;
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .leftInfo{
+        width:calc(100% - 2.32rem);
+        padding-top: .1rem;
+        display: -webkit-box;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        word-break: break-all;
+        overflow: hidden;
+        height: 1rem;
+
+      }
+    }
+  }
 
   .mobilerequireContent .companyInfo {
     display: flex;

src/common/lang/en.js

@@ -165,7 +165,8 @@ module.exports = {
         lookMore:"More",
         senProject:"Tech Startups",
         cooperationCase:"Success Cases",
-        unitTiao:"strip"
+        unitTiao:"strip",
+        newsArticle:"最新资讯"
     },
 
     bottomNav:{ //底部nav

src/common/lang/zh.js

@@ -164,7 +164,8 @@ module.exports = {
         lookMore: "更多",
         senProject: "科创项目",
         cooperationCase: "合作案例",
-        unitTiao: "条"
+        unitTiao: "条",
+        newsArticle:"最新资讯"
     },
 
     bottomNav: { //底部nav

src/views/mobile/index/index.vue

@@ -22,6 +22,50 @@
             </div>
         </div>
 
+        <div class="tabWrapper" v-if="lang==1">
+            <div class="topTitle">
+                <div>
+                    <h4><span></span>{{$t("indexCount.newsArticle")}}</h4>
+                    <div @click="handleMore(3)"><span>{{$t("indexCount.lookMore")}}</span><i class="iconfont icon-you"></i></div>
+                </div>
+                <div class="div1px">
+
+                </div>
+            </div>
+            <div class="articleContent">
+                <ul>
+                    <li @click="handleToArticle()">
+                        <div class="articleNoImg"  v-if="false">
+                            <span v-if="false"><span class="originalTitle" >原创</span><i> | </i></span>
+                            <span class="articleTitle">国家互联网信息办公室发布《信息内容生态治理规定》</span>
+                        </div>
+                        <div class="articleHasImg">
+                            <div class="leftInfo">
+                                <span v-if="false"><span class="originalTitle" >原创</span><i> | </i></span>
+                                <span class="articleTitle">国家互联网信息办公室发布《信息内容生态治理规定》</span>
+                            </div>
+                            <!--<div class="rightInfo" :style="{backgroundImage:'url('+item.subjectBackground+')'}">-->
+
+                            <!--</div>-->
+                            <div class="rightInfo" :style="{backgroundImage:'url('+require('../../../assets/img/index/bdefaultLogo.png')+')'}">
+
+                            </div>
+                        </div>
+                        <div class="div1px"></div>
+                        <!--<div class="div1px" v-if="index < companyInfo.length-1"></div>-->
+                    </li>
+                    <li @click="handleToArticle()">
+                        <div class="articleNoImg">
+                            <span><span class="originalTitle" >原创</span><i> | </i></span>
+                            <span class="articleTitle">国家互联网信息办公室发布《信息内容生态治理规定》</span>
+                        </div>
+
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+
         <div class="tabWrapper">
             <div class="topTitle">
                 <div>
@@ -467,6 +511,10 @@
                 });
             },
 
+            handleToArticle(){
+
+            }
+
 
         },
         mounted() {