<!--分割线组件-->
<template>
    <div>
        <el-divider :content-position="contentPosition" :direction="direction">
            <i :class="icon"></i> {{content}}
        </el-divider>
    </div>
</template>

<script>
    export default {
        name: "plDivider",
        props:{
            content:{type:String,default:''}, //分割线文本
            contentPosition:{type:String,default:'center'}, //文字显示位置 left / right / center  默认 center 居中显示
            direction:{type:String,default:'horizontal'}, //分割线方向  horizontal / vertical 默认  horizontal
            icon:{type:String,default:''} //分割线图标
        },
    }
</script>

<style scoped>

</style>