<template>
    <resource>
        <!-- <resource-single-image></resource-single-image>
        <resource-product-list></resource-product-list> -->
    </resource>
</template>

<script>
import Resource from './resource';
import ResourceSingleImage from './resource-single-image';
import ResourcePoductList from './resource-product-list';

export default {
    name: 'ResourceShopFloor',
    props: {
        value: Object
    },
    components: {Resource, ResourceSingleImage, ResourcePoductList}
};
</script>

<style lang="scss">
.resource-products {
    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;
        }
    }
}
</style>