党建文化列表代码提交

src/router/index.js

@@ -708,6 +708,11 @@ const routes = [
         },
         component: () => import("@/views/Member/index.vue"),
       },
+      {
+        path: "/djwhlist",
+        name: "djwhlist",
+        component: () => import("@/views/Djwh/djwhlist"),
+    },
 
         ],
     },
@@ -777,6 +782,7 @@ const routes = [
         path: "/djwh",
         name: "djwh",
         component: () => import("@/views/Djwh/index"),
+       
      },
     service,
     

src/views/Djwh/comps/list.vue

+<template>
+  <div class="list">
+    <div v-for="(tmp, i) in list" :key="i" class="row">
+      <div class="col-lg-12 list-left">
+        <span></span>
+        <span>{{tmp.name}}</span>
+      </div>
+      
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: ['list'],
+}
+</script>
+<style lang="scss" scoped>
+.list {
+  margin: 0;
+  padding: 0;
+  .row {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px dashed #c5d8ee;
+    padding: 20px 0;
+    margin: 0;
+    .list-left {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      @include ellipsis;
+      span {
+        display: inline-block;
+        &:nth-child(1) {
+          width: 4px;
+          height: 4px;
+          background: #f26335;
+          border-radius: 50%;
+          margin-right: 10px;
+        }
+        &:nth-child(2) {
+          flex: 1;
+          @include ellipsis;
+          cursor: pointer;
+        }
+      }
+    }
+    .list-right{
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file

src/views/Djwh/djwhlist.vue

+<template>
+  <div class="container">
+    <breadcrumb />
+    <div class="composite">
+      <list :list="list" />
+      <pages />
+    </div>
+  </div>
+  <!-- <div class="business container">
+    <breadcrumb />
+    <div class="row">
+      <div class="col-lg-3">
+        <left2 :list="routes" ref="left" />
+      </div>
+      <div class="col-lg-9">
+        <router-view class="marginTopLg20"></router-view>
+      </div>
+    </div>
+  </div> -->
+</template>
+<script>
+
+import list from "./comps/list.vue";
+import pages from "../comps/pages.vue";
+import breadcrumb from "../comps/breadcrumb.vue";
+export default {
+  components: {
+   breadcrumb,
+    list,
+    pages,
+  },
+  data() {
+    return {
+      gjzzCate: {
+        name: "国际追踪",
+        ico: "",
+      },
+      list: [
+        {
+          name: "阿里巴巴（法国）与GS1法国签署合作备忘录 鼓励企业使用GS1标准并提供优质产品数据",
+         
+        },
+        {
+          name: "意大利物品编码协会与阿里巴巴集团意大利办事处开展合作",
+         
+        },
+        {
+          name: "GS1澳大利亚与阿里巴巴集团签约 天猫澳大利亚进口商品今起可追溯",
+          
+        },
+      ],
+    };
+  },
+   mounted() {
+    // 面包屑单独处理
+    this.$store.commit("system/SET_BREADCRUMB", [
+      { name: "党建文化", path: "/djwh" },
+      { name: "活动报道" },
+    ]);
+  },
+  methods: {},
+  
+};
+</script>
+<style lang="scss" scoped>
+.composite {
+  @include module-box;
+  padding: 0 20px;
+  margin-bottom: 20px;
+  ul {
+    padding: 0;
+    margin: 0;
+  }
+}
+</style>
\ No newline at end of file

src/views/Djwh/index.vue

@@ -41,7 +41,7 @@
                 <div class="border-div  list-style">
                     <div class="middle-title">
                       <h4>活动报道</h4>
-                      <a href="#">更多>></a>
+                      <a href="/djwhlist">更多>></a>
                     </div>
                     <div class="middle-list">
                         <ul>