党建+交流互动

src/views/build/buildList.vue

@@ -0,0 +1,80 @@
+<template>
+  <div id="buildList">
+    <el-row style="overflow-y: hidden;">
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :topInfo="topInfo" :topInfos="topInfos"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <native></native>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="6">
+            <newsLeft></newsLeft>
+          </el-col>
+          <el-col :span="18">
+            <newsRight :newsRightList="newsRightList" :total="total" v-if="!type"></newsRight>
+            <noLeft v-else :newsRightList="newsRightList"></noLeft>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="down">
+        <footinfo :topInfo="topInfo"></footinfo>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '../../layout/index/top.vue';
+import native from '../../layout/index/native.vue';
+import newsRight from '../../layout/news/newsRight.vue';
+import newsLeft from '../../layout/news/newsLeft.vue';
+import footinfo from '../../layout/index/foot.vue';
+export default {
+  name: 'buildList',
+  props: {
+    topInfos: null,//头部
+    topInfo: null,//网络头部
+    newsRightList: null,//党建右侧列表
+    total: null,
+    type: { type: Boolean, default: false }
+  },
+  components: {
+    top,//头部
+    native,//导航
+    newsLeft,//新闻左侧
+    newsRight,//新闻右侧
+    footinfo,//底部信息
+  },
+  data: () => ({}),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 150px;
+}
+.menu {
+  height: 60px;
+}
+.down {
+  min-height: 100px;
+}
+.main {
+  min-height: 500px;
+  margin: 20px 0;
+}
+</style>
+

src/views/interflow/interflowList.vue

@@ -0,0 +1,78 @@
+<template>
+  <div id="interflowList">
+    <el-row style="overflow-y: hidden;">
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :topInfo="topInfo" :topInfos="topInfos"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <native></native>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="6">
+            <serviceLeft></serviceLeft>
+          </el-col>
+          <el-col :span="18">
+            <serviceRight :tabsList="tabsList"></serviceRight>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="down">
+        <footinfo :topInfo="topInfo"></footinfo>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '../../layout/index/top.vue';
+import native from '../../layout/index/native.vue';
+import serviceLeft from '../../layout/service/serviceLeft.vue';
+import serviceRight from '../../layout/service/serviceRight.vue';
+import footinfo from '../../layout/index/foot.vue';
+export default {
+  name: 'interflowList',
+  props: {
+    topInfos: null,//头部
+    topInfo: null,//网络头部
+    tabsList: null,//右侧三级菜单服务列表
+    type: { type: Boolean, default: false }
+  },
+  components: {
+    top,
+    native,
+    serviceLeft,
+    serviceRight,
+    footinfo,
+  },
+  data: () => ({}),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 150px;
+}
+.menu {
+  height: 60px;
+}
+.main {
+  min-height: 500px;
+  margin: 20px 0;
+}
+.down {
+  min-height: 100px;
+}
+</style>
+