<template>
    <resource class="resource-ti-image">
        <div class="resource-ti-image-item">
            <img-format :src="value[0].src" :w="250" :h="250"></img-format>
        </div>
        <div class="split"></div>
        <div class="resource-ti-image-item">
            <img-format :src="value[1].src" :w="250" :h="250"></img-format>
        </div>
    </resource>
</template>

<script>
import Resource from './resource';

export default {
    name: 'ResourceTwoImage',
    props: {
        value: Array
    },
    components: {Resource}
};
</script>

<style lang="scss">
.resource-ti-image {
    display: flex;
    .split {
        width: 20px;
    }
    .resource-ti-image-item {
        width: 50%;
        
        img {
            width: 100%;
            display: block;
        }
    }
}
</style>