添加goods组件

+import ResourceGoods from './resource-goods';
 import ResourceCategory from './resource-category';
 import ResourceTwoImage from './resource-two-image';
 import ResourceFocusImage from './resource-focus-image';
@@ -7,6 +8,7 @@ import ResourceShopFloor from './resource-shop-floor';
 import ResourceBlkNewProductList from './resource-new-product-list';
 
 export {
+    ResourceGoods,
     ResourceCategory,
     ResourceTwoImage,
     ResourceSingleImage,

+<template>
+    <resource>
+        <ul class="resource-goods">
+            <li class="product-item" v-for="(item, index) in value" :key="index">
+                <img-format :src="item.src" :w="94" :h="125"></img-format>
+                <!--<p class="title ellipsis">{{item.title}}</p>-->
+                <!--<p class="price ellipsis">{{item.price}}</p>-->
+            </li>
+        </ul>
+    </resource>
+</template>
+
+<script>
+import Resource from './resource';
+
+export default {
+    name: 'ResourceGoods',
+    props: {
+        value: Array
+    },
+    computed: {
+    },
+    components: {Resource}
+};
+</script>
+
+<style lang="scss">
+.resource-goods {
+    width: 100%;
+    overflow-x: scroll;
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+
+    li.product-item {
+        display: inline-block;
+        padding-right: 20px;
+        text-align: center;
+        line-height: 40px;
+
+        img {
+            width: 188px;
+            height: 250px;
+        }
+
+        .ellipsis {
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            font-size: 28px;
+            max-width: 188px;
+        }
+    }
+}
+</style>