add goods

@@ -2,11 +2,14 @@
     <div class="resources">
     <div class="resources">
         <template v-for="floor in resources">
         <template v-for="floor in resources">
             <div class="focus" v-if="floor.focus" v-bind:style="{height: '182px'}">
             <div class="focus" v-if="floor.focus" v-bind:style="{height: '182px'}">
-                <focus v-bind:list="floor.data"></focus>
+                <focus v-bind:floor="floor.data"></focus>
             </div>
             </div>
             <div class="title-image" v-if="floor.titleImage">
             <div class="title-image" v-if="floor.titleImage">
                 <title-image v-bind:floor="floor.data"></title-image>
                 <title-image v-bind:floor="floor.data"></title-image>
             </div>
             </div>
+            <div class="goods" v-if="floor.goods">
+                <goods v-bind:floor="floor.data"></goods>
+            </div>
         </template>
         </template>
     </div>
     </div>
 </template>
 </template>
@@ -16,6 +19,7 @@
     const tip = require('common/tip');
     const tip = require('common/tip');
     const focus = require('component/resources/focus.vue');
     const focus = require('component/resources/focus.vue');
     const titleImage = require('component/resources/title-image.vue');
     const titleImage = require('component/resources/title-image.vue');
+    const goods = require('component/resources/goods.vue');
 
 
     module.exports = {
     module.exports = {
         data() {
         data() {
@@ -25,7 +29,8 @@
         },
         },
         components: {
         components: {
             focus: focus,
             focus: focus,
-            titleImage: titleImage
+            titleImage: titleImage,
+            goods: goods
         },
         },
         init() {
         init() {
             $.ajax({
             $.ajax({

 <template>
 <template>
-    <swipe class="swipe swipe-{{list.length}}">
-        <swipe-item v-for="item in list" v-bind:style="{backgroundColor: item.bgColor}">
+    <swipe class="swipe swipe-{{floor.length}}">
+        <swipe-item v-for="item in floor" v-bind:style="{backgroundColor: item.bgColor}">
             <a href="{{item.url}}" title="{{item.title}}">
             <a href="{{item.url}}" title="{{item.title}}">
                 <img v-bind:src="item.src | resize 750 365">
                 <img v-bind:src="item.src | resize 750 365">
             </a>
             </a>
@@ -13,7 +13,7 @@
     const swipe = require('vue-swipe');
     const swipe = require('vue-swipe');
 
 
     module.exports = {
     module.exports = {
-        props: ['list'],
+        props: ['floor'],
         components: {
         components: {
             swipe: swipe.Swipe,
             swipe: swipe.Swipe,
             swipeItem: swipe.SwipeItem
             swipeItem: swipe.SwipeItem

+<template>
+    goods
+</template>
+
+<script>
+    const floorHeader = require('component/resources/floor-header.vue');
+
+    module.exports = {
+        props: ['floor'],
+        components: {
+            floorHeader: floorHeader
+        }
+    };
+</script>
+
+<style>
+</style>