<template>
    <div class="myDivider">
        <div class="str-box">
            <span v-for="item in str">{{item}}</span>
        </div>
    </div>
</template>
<script>
    import TextEdit from './TextEdit.vue'
    export default {
        props: {
            str: {
                type: String,
                default: '密封装订线'
            }
        },
        components: {
            TextEdit
        },
        data() {
            return {
            }
        },
        components: {
        },
        mounted() {
        },
        methods: {

        }
    }
</script>
<style scoped>
    .myDivider {
        width: 100%;
        border-bottom: 1px dashed #000000;
        position: relative;
    }

    .str-box {
        width: 100%;
        display: flex;
        justify-content: space-around;
        position: absolute;
        top: -10px;
    }

    .str-box span {
        background-color: #fff;
    }
</style>