更新

src/layout/altai/train/dynamic.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="dynamic">
+    <el-row>
+      <el-col :span="24">
+
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'dynamic',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/layout/altai/train/meeting.vue

@@ -0,0 +1,81 @@
+<template>
+  <div id="meeting">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="top">
+          <span>视频会议中心</span>
+        </el-col>
+        <el-col :span="24" class="info">
+          <el-col :span="24" class="meetList" v-for="(item, index) in meetList" :key="index">
+            <el-link :underline="false">
+              <span class="dot"></span>
+              <span class="time">{{ item.time }}</span>
+              <span class="title">{{ item.title }}</span>
+            </el-link>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'meeting',
+  props: {
+    meetList: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 60px;
+  line-height: 60px;
+}
+.top span {
+  font-size: 22px;
+  color: #2c3350;
+  font-weight: bold;
+  padding: 0 20px;
+}
+.meetList {
+  height: 30px;
+  line-height: 30px;
+  padding: 0 20px;
+  margin: 0 0 3px 0;
+}
+.el-link {
+  height: 30px;
+  line-height: 15px;
+}
+.meetList .dot {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  background-color: #ccc;
+  margin: 0 10px 5px 0;
+}
+.meetList .time {
+  display: inline-block;
+  max-width: 90px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+  color: #60626e;
+  margin: 0 30px 0 0;
+}
+.meetList .title {
+  display: inline-block;
+  max-width: 225px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>

src/views/altai/train.vue

@@ -11,10 +11,10 @@
           </el-col>
           <el-col :span="24" class="main">
             <el-col :span="8" class="huiyi">
-              国际会议中心
+              <meeting :meetList="meetList"></meeting>
             </el-col>
             <el-col :span="16" class="jishu">
-              科技动态
+              <dynamic></dynamic>
             </el-col>
             <el-col :span="24" class="service">
               常用服务
@@ -32,15 +32,20 @@
 <script>
 import top from '../../layout/altai/index/top.vue';
 import native from '../../layout/altai/index/native.vue';
+import meeting from '../../layout/altai/train/meeting.vue';
+import dynamic from '../../layout/altai/train/dynamic.vue';
 import foot from '../../layout/altai/index/foot.vue';
 export default {
   name: 'info',
   props: {
-    foot: null,
+    foot: null,//头部+底部数据
+    meetList:null,//会议数据
   },
   components: {
     top, //头部
     native, //导航
+    meeting,//国际会议中心
+    dynamic,//科技动态
     foot, //底部
   },
   data: () => ({}),
@@ -73,7 +78,7 @@ export default {
   height: 300px;
   overflow: hidden;
   margin: 0 10px 0 0;
-  border: 1px solid #ccc;
+  background-color: #fff;
 }
 .jishu {
   width: 790px;