add recommend-content-five

@@ -9,6 +9,8 @@
             <title-image v-if="floor.titleImage" v-bind:floor="floor.data"></title-image>
             <!-- 楼层标题 -->
             <title-floor v-if="floor.titleFloor" v-bind:title="floor.data.title"></title-floor>
+            <!-- 带标题的12个小图推荐 -->
+            <recommend-content-five v-if="floor.recommendContentFive" v-bind:floor="floor.data.list"></recommend-content-five>
             <!-- 商品 -->
             <goods v-if="floor.goods" v-bind:floor="floor.data"></goods>
         </template>
@@ -19,10 +21,12 @@
     const $ = require('yoho-jquery');
     const tip = require('common/tip');
     const bus = require('common/vue-bus');
+
     const focus = require('component/resources/focus.vue');
     const focusLeftRight = require('component/resources/focus-left-right.vue');
     const titleImage = require('component/resources/title-image.vue');
     const titleFloor = require('component/resources/title-floor.vue');
+    const recommendContentFive = require('component/resources/recommend-content-five.vue');
     const goods = require('component/resources/goods.vue');
 
     module.exports = {
@@ -37,6 +41,7 @@
             focusLeftRight,
             titleImage,
             titleFloor,
+            recommendContentFive,
             goods
         },
         watch: {

+<template>
+    <div class="recommend-content-five">
+        <a v-for="item in floor" href="{{item.url}}" title="{{item.title}}">
+            <img v-bind:src="item.src | resize 375 375">
+        </a>
+    </div>
+</template>
+
+<script>
+    module.exports = {
+        props: ['floor']
+    };
+</script>
+
+<style>
+    .recommend-content-five {
+        width: 100%;
+        font-size: 0;
+
+        a {
+            display: inline-block;
+            width: 50%;
+            height: 375px;
+        }
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+</style>