update

 <template>
 <template>
-
+  <LayoutApp :show-back="false" :hideHeader="hideHeader" :no-safe-area="true">
+    <waterfall :listData="listData"></waterfall>
+  </LayoutApp>
 </template>
 </template>
 
 
 <script>
 <script>
-  export default {
-    name: 'article.vue'
+import LayoutApp from '../../components/layout/layout-app';
+import {createNamespacedHelpers} from 'vuex';
+import waterfall from './components/waterfall';
+
+const {mapActions, mapState} = createNamespacedHelpers('article/list');
+
+export default {
+  name: 'article.vue',
+  components: {
+    LayoutApp,
+    waterfall
+  },
+  props: ['hideHeader'],
+  data() {
+    return {
+      listData: []
     };
     };
+  },
+  mounted() {
+
+  },
+  activated() {
+
+  },
+  computed: {
+
+  },
+  methods: {
+
+  },
+
+};
 </script>
 </script>
 
 
-<style scoped>
+<style lang="scss" scoped>
 
 
 </style>
 </style>

+<template>
+  <div class="water-fall-container">
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'waterfall',
+  props: {
+    listData: {
+      type: Array,
+      default: []
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

 export default [
 export default [
-  // {
-  //   name: 'Article',
-  //   path: '/xianyu/article',
-  //   // component: () => import()
-  // },
-  // {
-  //   name: 'ArticleDetail',
-  //   path: '/xianyu/article/detail',
-  //   // component: () => import()
-  // },
+  {
+    name: 'Article',
+    path: '/xianyu/article',
+    component: () => import(/* webpackChunkName: "article" */ './article')
+  },
+  {
+    name: 'ArticleDetail',
+    path: '/xianyu/article/detail',
+    // component: () => import()
+  },
   {
   {
     name: 'waterfall',
     name: 'waterfall',
     path: '/xianyu/waterfallTest',
     path: '/xianyu/waterfallTest',

 import actions from './actions';
 import actions from './actions';
 import mutations from './mutations';
 import mutations from './mutations';
 
 
-export default function () {
+export default function() {
   return {
   return {
     namespaced: true,
     namespaced: true,
     state: {
     state: {

+import actions from './actions';
+import mutations from './mutations';
+
 export default function() {
 export default function() {
   return {
   return {
     namespaced: true,
     namespaced: true,
-    state: {}
+    state: {
+      articleList: []
+    },
+    actions,
+    mutations,
   };
   };
 }
 }

+export const FETCH_ARTICLE_LIST = 'FETCH_ARTICLE_LIST';
+

@@ -11,6 +11,7 @@ const sellerAskApi = require('./sellerask-api-map');
 const systemApi = require('./system-api-map');
 const systemApi = require('./system-api-map');
 const activitysApi = require('./activitys-api-map');
 const activitysApi = require('./activitys-api-map');
 const secondHandApi = require('./second-hand-api-map');
 const secondHandApi = require('./second-hand-api-map');
+const articleApi = require('./article-api-map');
 
 
 module.exports = {
 module.exports = {
   ...orderApi,
   ...orderApi,
@@ -26,4 +27,5 @@ module.exports = {
   ...systemApi,
   ...systemApi,
   ...activitysApi,
   ...activitysApi,
   ...secondHandApi,
   ...secondHandApi,
+  ...articleApi,
 };
 };

+module.exports = {
+  '/api/ufo/seller/entryGoodsSizeList': {
+    auth: true,
+    accessLog: true,
+    checkSign: true,
+    ufo: true,
+    api: 'ufo.seller.entryGoodsSizeList',
+    params: {
+      productId: { type: Number },
+      limit: { type: Number },
+      page: { type: Number },
+    },
+  },
+};