<template>
    <resource class="resource-ti-image">
        <div class="resource-ti-image-item">
            <a-link :href="value.list[0].url">
                <img-format :src="value.list[0].src" :w="value.imageWidth" :h="value.imageHeight"></img-format>
            </a-link>
        </div>
        <div class="split"></div>
        <div class="resource-ti-image-item">
            <a-link :href="value.list[1].url">
                <img-format :src="value.list[1].src" :w="value.imageWidth" :h="value.imageHeight"></img-format>
            </a-link>
        </div>
    </resource>
</template>

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

export default {
    name: 'ResourceTwoImage',
    props: {
        value: Object
    },
    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>