diff --git a/src/views/mainContainer.vue b/src/views/mainContainer.vue
index d9d9dd5..694735b 100644
--- a/src/views/mainContainer.vue
+++ b/src/views/mainContainer.vue
@@ -13,7 +13,7 @@
       <li>
         <sfysection class="sectionsmall"></sfysection>
         <berthsection class="sectionsmall margin12-0"></berthsection>
-        <div class="sectionsmall"></div>
+        <newssection class="sectionsmall"></newssection>
       </li>
     </ul>
     <loadinggif :showLoading="showLoaddingGif"></loadinggif>
@@ -27,6 +27,7 @@ import dicisection from '../views/dicisection'
 import youdaopingsection from '../views/youdaopingsection'
 import sfysection from '../views/sfysection'
 import berthsection from '../views/berthsection'
+import newssection from '../views/newssection'
 
 export default {
   name: 'mainContainer',
@@ -36,7 +37,8 @@ export default {
     dicisection,
     youdaopingsection,
     sfysection,
-    berthsection
+    berthsection,
+    newssection
   },
   data() {
     return {
diff --git a/src/views/newssection.vue b/src/views/newssection.vue
new file mode 100644
index 0000000..9e0e8a6
--- /dev/null
+++ b/src/views/newssection.vue
@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <titlesection title="消息"></titlesection>
+    <ul class="flexfm news-wrap">
+
+    </ul>
+  </div>
+</template>
+
+<script>
+import titlesection from '../components/titlesection'
+import {fetchList} from '../api/api'
+
+export default {
+  name: 'newssection',
+  components: {
+    titlesection
+  },
+  data() {
+    return {
+      totalVal: '21973',
+      free: '454123',
+      nofree: '5125'
+    }
+  },
+  created() {
+  },
+  methods: {
+    getList() {
+      fetchList()
+      .then(res => {
+        console.log(res);
+
+      });
+    },
+  }
+}
+</script>
+
+<style lang="scss"  scoped>
+  .news-wrap {
+
+  }
+</style>