<!--图片组件-->

<template>
    <div>
        <div v-for="item in imageJson"
             :style="{
                    position:'absolute',
                    left:item.Left+'px',
                    top:item.Top+'px',
                    width:item.Width + 'px',
                    height:item.Height + 'px',
                    zIndex:item.ZIndex,
                    display:item.IsVisibility ? 'block' : 'none',
                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
                    backgroundRepeat:'no-repeat',
                    backgroundSize:'100% 100%',
                }"
        >
        </div>
    </div>
</template>

<script>
    import {mapState} from 'vuex'

    export default {

        computed: {
            ...mapState(['imageJson'])
        }
    }
</script>

<style scoped>

</style>
