党建声音组件

epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss

@@ -66,6 +66,38 @@
     overflow: hidden;
     background: rgba(255, 255, 255, 1);
 
+    .tag{
+      height: 40px;
+      display: flex;
+      justify-content: flex-start;
+      .tab_item{
+        margin:10px;
+        .tab_item_name{
+          padding:0 10px;
+          height: 25px;
+          background: #CCCCCC;
+          opacity: 0.8;
+          border-radius: 6px;
+          text-align: center;
+          font-size: 13px;
+          font-family: PingFang SC;
+          font-weight: 500;
+          color: #999999;
+          line-height: 25px;
+        }
+        .tab_item_focus{
+          background: #D32104;
+          font-size: 13px;
+          font-family: PingFang SC;
+          font-weight: 500;
+          color: #FFFFFF;
+          line-height: 25px;
+          opacity: 1;
+        }
+      }
+
+    }
+
     .d-cpt-title {
       position: relative;
       margin: 10px 10px 0 10px;

epmet-oper-web/src/components/wx-index/cpt-item.vue

@@ -27,10 +27,11 @@
            :item=item
            :isFocused=isFocused></heart>
 
-    <!-- 党建声音：最新发布、特色文章、轮播图新闻 -->
+    <!-- 党建声音：最新发布、特色文章、轮播图新闻、最新发布（带标签）、专题文章 -->
     <div v-else-if="item.componentFrontId==='resi-functionList-voice-newsList'
       ||item.componentFrontId==='resi-functionList-voice-newsList2'
       ||item.componentFrontId==='resi-topList-voice-hotNewsSwiper'
+      ||item.componentFrontId==='resi-functionList-voice-listwithtag'
       ||item.componentFrontId==='resi-functionList-voice-speciallist'">
       <voice :item=item
              :isFocused=isFocused></voice>

epmet-oper-web/src/components/wx-index/voice.vue

@@ -49,6 +49,38 @@
       </div>
     </div>
 
+    <!-- 党建声音-最新发布（带标签） -->
+    <div class="voice_news"
+         v-else-if="item.componentFrontId==='resi-functionList-voice-listwithtag'">
+
+      <div class="content">
+        <div class="d-cpt-title">党建声音</div>
+        <div class="tag">
+          <div class="tab_item"
+               :key="subindex"
+               v-for="(subitem, subindex) in item.configuration.tagList">
+            <div :class="['tab_item_name',{'tab_item_focus':subindex==0}]">{{subitem}}</div>
+          </div>
+        </div>
+        <div class="list">
+          <div class="item"
+               :key="subindex"
+               v-for="(subitem, subindex) in item.demoData.list">
+            <div class="news_title">{{ subitem.title }}</div>
+            <img v-if="subitem.pic"
+                 :src="subitem.pic">
+            <img v-else
+                 src="@/assets/img/modules/wx-mini/index-set/page/news-pic2.png">
+            <div class="news_grid">
+              <img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
+              <span>来源：{{ subitem.author }}</span>
+              <span class="f-fr">{{ subitem.date }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- 党建声音-专题文章 -->
     <div class="voice_news"
          v-else-if="item.componentFrontId==='resi-functionList-voice-speciallist'">
@@ -126,6 +158,9 @@ export default {
   props: {
     isFocused: Boolean,
     item: Object
+  },
+  mounted () {
+
   },
   methods: {