<!--label标签组件-->

<template>
    <div>
        <label v-for="item in labelJson"
               :style="{
                 fontSize:item.FontSize + 'px',
                 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',
                 color:`#${item.ForegroundStr.slice(3)}`,
                 textAlign:'center',
                 lineHeight:item.Height + 'px',
            }">
            {{item.Text}}
        </label>
    </div>
</template>

<script>
    import {mapState} from 'vuex'

    export default {
        data() {
            return {

            }
        },

        computed: {
            ...mapState(['labelJson']),
        },

        methods: {

        }
    }
</script>

<style scoped>

</style>
